モバイル Web デザイン size_html/css_WEB-ITnose

Windows XP の一般的な解像度 1024×768 では、タスクバー、ブラウザーのメニュー バー、ステータス バーを削除した後の残りの Web ページの最初の画面の平均高さは 584 です。

Windows 7 の一般的な解像度 1440×900 では、タスクバー、ブラウザーのメニュー バー、ステータス バーを削除した後の残りの Web ページの最初の画面の平均高さは 716 です。

デザインの面では、通常のサイズと中程度の画面密度として適切なサイズを選択し (サイズの選択は、適応する予定のハードウェアに基づいて行われます。現在の主流のハードウェア解像度を参照することをお勧めします)、小さい、大きい、上向き、下向き、上向き、特大、低、高、超高のサイズと密度。

iPhone ウェブサイトのデザインサイズ

iPhone5 のサイズは 640x1136px、解像度は 326PPI です
iPhone4 および iPhone4S のサイズは 640x960px、解像度は 326PPI です
iPhone および iPod Touch の第 1 世代、第 2 世代、および第 3 世代のサイズは 320x480px 解像度 163PI (600×1024)

720dp: 10 インチタブレット (720×1280、800×1280)

iPad ウェブページのデザインサイズ

iPad 第 3 世代と第 4 世代のサイズは 2048x1536px 解像度は 264PPI です

iPad 第一世代第二世代のサイズは 1024x768px です解像度は132PPIです

iPad Miniのサイズは1024x768pxで、解像度は163PPIです