2020年12月14日(月)
iPhone 12 miniは、ビューポート375x812（デバイスピクセル比2.88） #■パソコン・通信

　iPhone12miniは、解像度1,080x2,340ピクセルなので、デバイスピクセル比3として、ビューポート360x610と思いきや、そうではありませんでした。

　デバイスピクセル比2.88で、ビューポート375x812なのです。わー、ややこしい。


「覚えておいて、損はない！」


　iPhone5cで、ビューポート幅320pxを確認しています。Webページを幅320pxでもレイアウトが崩れないように作成するか、『子猫の手』のようにビューポート幅360px以下を360pxで表示するように工夫しています。

　問題は、高さです。ファースト画面に収まるようにと言われても、スマホによってまちまちなので、Webデザイナー泣かせです。現行機種の最小値に合わせると、大画面のスマホでは物足りなくなってしまいます。