ホームページ > ウェブフロントエンド > フロントエンドQ&A > Webページのデザインサイズ仕様

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

リリース: 2019-11-22 13:32:00
オリジナル
20491 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート