Was ist die beste absolute Breite für eine Webseite? [geschlossen]
https://stackoverflow.com/questions/202557
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Unter der Annahme, ein Fluid Layout ist eine Option nicht (da, dass eine andere Diskussion alle zusammen ist), was ist die empfohlene Breite für ein Site-Layout? Was sind die Vor- und Nachteile der verschiedenen Größen?
Lösung
Ich habe immer mit 960px gehalten, wie es auf 1024x768 sichtbar ist, und ist sauber teilbar durch 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40 , 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 und 480 ... so kann ich das Design von meiner Seite (mit der Drittel-Regel) sauber aufgeteilt.
EDIT nach ein paar Jahren: Bitte beachten Sie mit CSS Media Queries Ihre Inhalte an die Vielzahl von Geräten gibt, die auf machen jetzt, wenn Sie nicht eine Flüssigkeit Layout. Ich bin nicht sicher, dass man eine Pixelbreite behaupten kann, sie alle im Jahr 2012 zu regieren.
Andere Tipps
Schauen Sie sich http://browsersize.com für ein paar schnelle Statistiken über Bildschirmauflösungen Benutzer heute verwenden. Sie können verwenden http://setmy.browsersize.com schnell Ihrem Browser die Größe Ihrer Website ein zu emulieren sehen insbesondere Bildschirmauflösung. Stellen Sie sicher, dass Ihr Layout erfüllt zumindest die am weitesten verbreitete Bildschirmauflösung (1024 x 768).
Auch nicht unbedingt darauf abzielen, den maximalen horizontalen Raum einzunehmen. Die Breite des Textes (Anzahl der Wörter pro Zeile) sollte idealerweise nicht einen bestimmten Schwellenwert für die Benutzerfreundlichkeit nicht überschreiten:
Bei dem sehr häufig von 1024 × 768 Bildschirm Auflösung, die meisten mit festem Layout-Websites nicht den gesamten verfügbaren Speicherplatz auf den Einsatz links und rechts von deren Inhalt. Flexible Layouts machen eine bessere Nutzung der horizontaler Raum, sondern Kampf Aufrechterhaltung nutzbare Linienlängen. Usability-Experten haben uns gesagt, dass es gibt einfach so viele Worte, die Sie setzt auf einer Linie soll. Zwischen 8 und 12 Worte scheint die ideale Linie zu sein Länge. Printmedien, insbesondere Zeitungen, zögern Sie nicht einmal zu verwenden, kürzere Linien. Warum? Weil sie können, von Text über mehrere Auslegen Spalten.
Wenn Sie eine feste Breite verwenden, das Material breiter ist als der kleinste Bildschirm wahrscheinlich Ihre Website zu besuchen, werden Sie ärgern und vereiteln Benutzer, die seitlich bewegen, um den Rest des Inhalts zu erhalten.
Ich benutze auch ein Layout zwischen 950 und 980px und immer, es sei denn die Kundenanforderungen zentriert anders:)
-
Bitte beachten Sie, dass Bildschirmauflösung häufig in der Statistik zitiert ist nicht unbedingt dasselbe wie innere Breite des Browserfensters . Benutzer können zusätzliche Sidebars / Symbolleisten verwenden nicht-maximierten Browserfenster. Je größer der Bildschirm, desto weniger wahrscheinlich, dass Sie wollen für eine Seite sie alle nur verwenden.
-
Sehr lange Textzeilen sind schwerer zu lesen. Das Optimum ist 25-30em (von vielen Faktoren abhängt, aber man sollte nicht nur für maximal gehen).
-
Mobil-Browser haben "virtuelle" Bildschirmauflösung sie für Zoom verwenden, und es ist ~ 960px in Opera Mini / Mobile und Mobile Safari.
Ich wähle die Bewegung hier zu teilen. Nur weil Bildschirmgrößen sind X bedeutet nicht, dass X oder alles, was nahe ist es das beste Design für Ihre Website ist.
Ihre Website Zweck hat viel mit der Breite zu tun, die Sie wählen.
Viele Marketing-Experten glauben, dass eine engere Spalte mehr Besucher in den Vertrieb „konvertiert“. Vielleicht ist dies, weil es einfacher ist, die Aufmerksamkeit der Menschen zu lenken, wenn die Seite schmal ist.
Auf der anderen Seite, ein Ort, um Bilder gewidmet am besten verfügbare Auflösung für jeden Besuch in Browser anzeigen soll.
Zu einer Zeit war es 800px; aber mehr und mehr Seiten beginnen 1000px zu verwenden. Dies wird durch die Tatsache angetrieben, dass mehr als oft nicht, Besucher Low-End-Auflösungen bei 1024x768 sind. Die zusätzlichen 24 Pixel lässt Raum für den Browser Chrome, Polsterung und Margen Sie können zu manipulieren, etc.
Nur eine Perspektive zu geben, auch die neue Welle der Netbooks mit ihrem winzigen Bildschirm haben Auflösungen von 1024x768.
Aber vor allem wissen, dass Ihr Publikum als @warren schlägt und Kapital schlagen, dass.
Sie könnten versuchen, mehrere Layouts entwickeln und verwenden Javascript zwischen ihnen zu wechseln, je nach dem Besucher window.innerWidth
Das heißt, ich verwenden in der Regel etwas zwischen 950px und 980px.
Die maximale Breite Website für eine optimale Leistung und Cross-Monitore Kompatibilität ist 960px, wenn es um Desktops und Laptops verwendet ist.
Für weitere Informationen darüber, wie und warum Sie im folgenden Artikel:
Nach diese Statistiken, ein Minimum von 1024 Pixel breit werden die meisten Benutzer abdecken .
