MacのRetina、Windowsの4Kモニタの場合、例えばcontentsのwidthを1000pxにしたら、FHDのPCで見る場合よりもかなり幅が小さく表示されるのでしょうか?
font-sizeを16pxにしたとしても、上記のようなHigh DPIモニタだと小さく表示されるのですか?
そうしたらサイトを作る場合、幅のサイズをどのように決めればいいのでしょうか?
それともRetinaをお使いの方はブラウザの拡大率を200%とかにして見ているのでしょうか?
もう一点。
Mac AirなどのノートPCでRetinaモニタでPhotoshopの作業をされる方は、FHDよりも表示が小さいと思うのですが例えば32 x 32のアイコンを作ったりした場合、苦労しないのでしょうか?
拡大しながら作業はすると思いますが、完成したら拡大率100%で確認しますよね?
そのとき小さすぎて確認しづらいと思うのですが・・。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
RetinaディスプレイのMacbook Proを使っています。
特に拡大率上げたりはしていません。この辺の事情には詳しいわけじゃないのですが、おそらく、Macは長らく72dpiでやってきたので「font-sizeを16pxにした」場合、Retinaでは「72dpiで16pxにした場合の大きさ」で表示しているのだろうと思います。
以下にそれらしい説明があります。
http://parashuto.com/rriver/development/pixel-re …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- デジタルカメラ 録画した4K動画を、フルピクセルで再生したい 5 2023/05/10 00:05
- モニター・ディスプレイ windows10 モニタに表示されなくなった 2 2023/08/04 16:58
- モニター・ディスプレイ WindowsノートPC 13.3で画面縮小したい 画面全体が見えない めり込んでしまってます 1 2023/01/22 13:42
- デスクトップパソコン パソコンのこの症状に悩まされる。 6 2023/02/24 12:52
- ドライブ・ストレージ HDDの未割り当て領域が認識されない 7 2022/11/27 18:51
- C言語・C++・C# プログラミングの問題です。至急教えてください。 /***から***/の部分をプログラミングにしてほし 1 2022/10/13 11:48
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- その他(ブラウザ) bingチャットの内容(縦長)をスクリーンショットで保存する方法 3 2023/02/28 02:13
- マルウェア・コンピュータウイルス Windows のセキュリテイーでウィルスが 3 2022/12/02 12:50
- HTML・CSS スマホ表示用のwebページ、style.cssでは表の中の文字 font-size は指定できない? 1 2023/03/27 18:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
CSS、width100%でもできる余白
-
【CSSについて】リストをフロー...
-
HTMLのiframeの入れ子について
-
【HTML】【CSS】【Swiper】 元...
-
CSSでボックスのheightが0になる
-
定義リスト dl dd dt
-
テーブル内の文字が揃わない
-
ヘッダーの高さが合わない
-
定義リストに下線をつけたいと...
-
divで囲まれたpaddingの指定を...
-
div内に外部のurlを表示させたい
-
定義リストで先頭にアイコン
-
外側のdivの高さを入れ子のdiv...
-
デスクトップ用のWEBサイトをス...
-
透明divの下に長い余白ができて...
-
背景が下まで表示されないんです。
-
Webサイトretinaディスプレイのcss
-
枠線でメイン部分を囲み、フッ...
-
CSS リンクを枠で囲み背景色を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
css初心者 フレックスボックス...
-
表示倍率を変えるとレイアウト...
-
CSSがなぜかfont-sizeだけ効か...
-
CSS、width100%でもできる余白
-
W3Cのソースコードの検証サービ...
-
CSS:animation開始位置の設定
-
CSSで指定した背景画像にリンク...
-
<div>と<div>の間の10px程の...
-
余分な縦スクロールバーが出て...
-
CSSでボックスのheightが0になる
-
【CSS】ヘッダーの高さが不明の...
-
スクロールボックスを中央に配...
-
li 黒丸含んで移動する方法
-
border-style:solidで文字がずれる
-
【HTML&CSS】フッター下部の余...
-
Media Queries 4 で 非推奨とな...
-
初心者html・CSS ウィンドウを...
おすすめ情報