Heim > Web-Frontend > Front-End-Fragen und Antworten > Einführung in die Größenspezifikationen für Webseitendesigns

Einführung in die Größenspezifikationen für Webseitendesigns

王林
Freigeben: 2020-05-09 15:22:06
Original
6405 Leute haben es durchsucht

Einführung in die Größenspezifikationen für Webseitendesigns

Größenangaben für das Webseitendesign

Beim Erstellen von Webseiten wählen wir eine Auflösung von 72 Pixel/Zoll und die verwendete Leinwandgröße beträgt 1920 Pixel * 1080px.

Aber das bedeutet nicht, dass wir auf der gesamten Leinwand zeichnen können.

Es gibt zwei Hauptlayouts für Webseiten: Links-Rechts-Layout und zentriertes Layout. Durch die Inkonsistenz im Layout unterscheidet sich auch der gestaltbare Raum.

1. Linkes und rechtes Layout

Hohe Flexibilität und geringe Einschränkungen der Benutzeroberfläche.

Die linke Seitenleiste ist die Navigationsleiste, ohne spezifische Breitenbeschränkung und kann entsprechend der tatsächlichen Situation angepasst werden; die rechte Seite ist der Inhaltsbereichsbereich, der den Anzeigebereich für Website-Inhalte darstellt.

Einführung in die Größenspezifikationen für Webseitendesigns

2. Zentriertes Layout

Der blaue Teil in der Mitte ist der effektive Anzeigebereich, der für die Anzeige von Website-Inhalten verwendet wird.

Mit anderen Worten, beide Seiten sind leer und haben keinen praktischen Nutzen, sie dienen nur der Anpassung

Einführung in die Größenspezifikationen für Webseitendesigns

Im Allgemeinen der Bereich, in dem Website-Inhalte angezeigt werden ist 996px; die meisten inländischen Websites verwenden immer noch 1.000 Pixel als Grenze, da mehr als 1.000 Pixel zum Surfen auf einem großen Bildschirm geeignet sind und ein kleiner Bildschirm überfüllt erscheint. Daher kann eine Website-Breite von weniger als 1000 Pixeln sicherstellen, dass die meisten Benutzer bequem im Internet surfen können.

Das obige ist der detaillierte Inhalt vonEinführung in die Größenspezifikationen für 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