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

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

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


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


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

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