ホームページ  >  記事  >  ウェブフロントエンド  >  モバイル Web デザイン size_html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 11:38:511477ブラウズ

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です


  • 声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。