Retinaや4Kではサイトはどのように表示されるのでしょうか？

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%で確認しますよね？
そのとき小さすぎて確認しづらいと思うのですが・・。

No.1 回答者： sandaba 回答日時： 2017/04/28 20:27

RetinaディスプレイのMacbook Proを使っています。

特に拡大率上げたりはしていません。

この辺の事情には詳しいわけじゃないのですが、おそらく、Macは長らく72dpiでやってきたので「font-sizeを16pxにした」場合、Retinaでは「72dpiで16pxにした場合の大きさ」で表示しているのだろうと思います。

以下にそれらしい説明があります。
http://parashuto.com/rriver/development/pixel-re …