Webページのデザインサイズ仕様

#Web デザインのサイズは主に 2 つの要素に関係します。1 つはコンピューターのモニターの解像度とブラウザーの解像度です。

800×600 未満で、Web ページの幅が 778 以内に保たれる場合、水平スクロール バーは表示されず、高さはレイアウトとコンテンツによって異なります。 。

1024×768 未満では、Web ページの幅は 1002 以内に保たれます。フレーム全体が表示される場合、高さは 612 の間にあり、水平スクロール バーや水平スクロール バーは表示されません。垂直スクロールバー。

おすすめ関連記事:
1.よく使われる CSS の命名規則まとめ、とても実践的 (集) ​
おすすめ関連動画:
1.翡翠少女般若心経シリーズ: フロントエンド入門_HTML5

おすすめ: Web サイズ仕様

1. 解像度

Web デザインのサイズは主に 2 つの要素に関係しており、1 つはコンピューターのモニターの解像度とブラウザーの解像度です。オペレーティング システム、Windows または Mac OS またはその他。解像度とは何ですか? 例えば1024×768というのは横1024ピクセル、縦768ピクセルという意味です 画面全体をチェス盤に見立てます 画面サイズは14インチですか15インチですか この大きさは変わりませんパソコンのサイズは同じですが、変わるのはパソコンが設定している解像度で、画面サイズが同じであれば、解像度が大きいほど画質が良くなります。

2. 有効表示領域

一般的な画面解像度は、1024×768、1366×768、1280×800、1280×1024、1440×900、1600×900、1920×1080です。等Web ページをデザインするときは、ブラウザの解像度を考慮する必要があります。主流のブラウザには、IE、Google、Firefox、Open などが含まれます。

ブラウザの有効可視領域とは何ですか? 私の理解では、コンテンツが表示される場所です。たとえば、Web ページを開いた後、ブラウザのツールバーやサイドバーを削除し、など、実際にコンテンツが表示される場所。

各ブラウザには、次の表に示すように、独自の異なる有効視覚領域があります。

インターフェイス パラメータと主流ブラウザの共有:

# 132 ピクセル # 1% #IE ブラウザ120 px35%## 15 px5%

ブラウザ

ステータスバー

メニューバー

スクロールバー

市場シェア(国内)

20 ピクセル

# 15 ピクセル

24 px

28%

システム解像度の統計:

##解像度占有率解像度占有率#1366×7681440×9001920×1080##1280×8001280×10241680×1050320×480##480×800#2%1%

15%		##13%
11%	1600×900	5%
4%		3 %
2.8%		2.4%
#1280× 768		Web ページの幅と最初の画面の高さ:

以上がWebページのデザインサイズ仕様の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。