Heim > Web-Frontend > Front-End-Fragen und Antworten > Spezifikationen für die Größe des Webseitendesigns

Spezifikationen für die Größe des Webseitendesigns

Freigeben: 2019-11-22 13:32:00
Original
20491 Leute haben es durchsucht

Spezifikationen für die Größe des Webseitendesigns

Die Größe des Webdesigns hängt hauptsächlich von zwei Faktoren ab, zum einen von der Auflösung des Computermonitors und der Auflösung des Browsers.

Wenn bei 800×600 die Breite der Webseite innerhalb von 778 gehalten wird, gibt es keine horizontale Bildlaufleiste und die Höhe hängt vom Layout und Inhalt ab .

Unter 1024×768 bleibt die Breite der Webseite innerhalb von 1002Wenn der Vollbild angezeigt wird, liegt die Höhe zwischen 612 und es gibt keine horizontale Bildlaufleiste oder vertikale Bildlaufleiste.

Empfohlene verwandte Artikel:
1.Eine Zusammenfassung häufig verwendeter CSS-Namenskonventionen, sehr praktisch (Sammlung)
Ähnliche Videoempfehlungen:
1.Jade Girl Heart Sutra-Serie: Front-End-Einführung_HTML5

Empfehlung: Webgrößenangaben

1. Auflösung

Die Größe des Webdesigns hängt hauptsächlich von der Auflösung des Computermonitors und der Auflösung des Browsers ab Betriebssysteme, Windows oder Mac OS oder andere. Was bedeutet Auflösung? 1024 x 768 bedeutet, dass der gesamte Bildschirm 14 Zoll oder 15 Zoll groß ist Es ändert sich nichts. Was sich ändert, ist die vom Computer eingestellte Auflösung. Je größer die Auflösung, desto feiner das Bild.

2. Effektiver Anzeigebereich

Zu den gängigeren Bildschirmauflösungen gehören derzeit 1024×768, 1366×768, 1280×800, 1280×1024, 1440×900, 1600×900, 1920× 1080 usw. Beim Entwerfen von Webseiten müssen Sie die Auflösung des Browsers berücksichtigen. Zu den gängigen Browsern gehören IE, Google, Firefox, Open usw.

Was ist der effektiv sichtbare Bereich des Browsers? Nach meinem Verständnis ist dies der Ort, an dem der Inhalt angezeigt wird, zum Beispiel nach dem Öffnen einer Webseite, mit Ausnahme der Symbolleiste und der Seitenleiste des Browsers. usw., der Ort, an dem der Inhalt tatsächlich angezeigt wird.

Jeder Browser verfügt über seinen eigenen effektiven visuellen Bereich, wie in der folgenden Tabelle dargestellt:

Schnittstellenparameter und Anteile gängiger Browser:

Browser Statusleiste Menüleiste Scroll-Artikel Marktanteil (Inland)
                                           
浏览器 状态栏 菜单栏 滚动条 市场份额(国内)
                       

Chrome 浏览器

22 px(浮动出现) 60 px                    15 px    8%
                       

火狐浏览器

20 px 132 px        15 px     1%
                       

IE浏览器

24 px 120 px        15 px 35%
                       

360 浏览器

24 px 140 px         15 px 28%
                       

遨游浏览器

24 px 147 px         15 px               1%
                       

搜狗浏览器

25 px 163 px         15 px 5%
22 px (schwebendes Erscheinungsbild) 60 px 15 px td> 8%
>Firefox 20 px 132 px 15 px 1%
td>24 px 120 px 15 px 35%
                                                                                                                                                                                  px 15 px 28%
break: break-all;"> 15 px 1%
Sogou Browser 25 px 163 px 15 px td> 5%

Systemauflösungsstatistik:

tr>
Auflösung Belegung Auflösungsrate th> Belegung
分辨率 占有率 分辨率 占有率

1366×768

15%

1440×900

13%

1920×1080

11%

1600×900

5%

1280×800

4%

1280×1024

3%

1680×1050

2.8%

320×480

2.4%

480×800

2%

1280×768

1%
1366×768

15 % 1440×900

13%
Spezifikationen für die Größe des Webseitendesigns1920 ×1080 11% 1600×900 5%
1280×800 4% 1280×1024 td> 3%
1680×1050 2,8% td> 320×480 2,4 %
480×800 2% 1280×768 1%
Breite der Webseite und Höhe des ersten Bildschirms:

Das obige ist der detaillierte Inhalt vonSpezifikationen für die Größe des Webseitendesigns. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage