Wie groß ist die typische Ansichtsfenstergröße auf einem Bildschirm mit 1024 x 768 Pixeln?
Ich bin der Gestaltung einer web-Anwendung, und ich Wünsche zu wissen, die größte Größe (x und y), die ich gestalten kann.
Januar 2008über die Hälfte der Benutzer sind mit 1024x278 Bildschirme, und wahrscheinlich weniger als 10% sind mit kleineren Bildschirmen. (Handy und palmtop-Benutzer sind hier eine Ausnahme.) So entwerfen wir für minimale Bildschirmgröße von 1024 x 768.
Jedochdas ist die Display-Größe, und, wenn wir über unsere Inhalte, die wir brauchen, um zu wissen, die viewport Größe. Es gibt Beweise , dass die meisten Benutzer den browser maximiert, aber immer noch müssen subtrahieren out-Platz für OS Dekorationen und browser chrome. Die Menschen anpassen, Ihre chrome, so gibt es keine einzelne "richtige" Antwort; ich werde für eine angemessene gebunden, dass für die Mehrheit der Nutzer.
Sehe ich viele Designerdie sagen, dass Sie verwenden eine Breite von 960 Pixel, weil es viele Faktoren und kann aufgeteilt werden gleichmäßig -- aber vor der Entscheidung über diese möchte ich wissen, die maximale Größe, die ich bekommen kann Weg mit, dann könnte ich wählen, verwenden Sie etwas weniger. Ich habe gesehen, die max-Breite von 960, 974, oder auch 990 zitiert... meine eigenen Experimente scheinen zu zeigen, eine Breite von 1000 funktioniert OK.
Höhen sind noch schwieriger zu kommen: ich finde, ich kann passen eine vertikale Ansichtsfenster Höhe von 595 Pixel funktioniert auf dem Browser, dass ich versucht habe, mit den typischen Standard-OS und den chrome-Einstellungen. Aber ich habe nicht versucht, sehr viele, und ich würde lieber sehen, eine weitere maßgebliche Quelle. Doch jemand anderes hat dies getan, Forschungs-und tun es besser als mir.
Also meine eigentliche Frage ist diese: Was ist die größte viewport Größe, die ich gestalten kann und erwarten, dass es halt ohne Scrollbalken für 80-90% aller Nutzer?
InformationsquelleAutor der Frage mcherm | 2009-01-15
Du musst angemeldet sein, um einen Kommentar abzugeben.
Heute bin ich gerade auf eine Seite gestoßen, die ist SEHR relevant, um diese alte Frage von mir. Anscheinend ist Google bereit zu teilen, Ihr wissen über das browser-Fenster-Größen. Ihre neue service ist bei http://browsersize.googlelabs.com/ und es im Grunde nur zeigt, dass Sie Ihre Daten auf typische browser-portal Größen.
Hinweis: Die Google Labs browsersize ist mittlerweile sehr veraltet (das Bild mit dem Titel
2009-11-18-day_google_com_100_donate_example.png
) und runtergefahren werden bald. Google deutet darauf hin, dass Google Analytics können verwendet werden, um zu bestimmen, browser size distribution für die eigene site: http://analytics.blogspot.ca/2012/06/new-feature-conduct-browser-size.htmlInformationsquelleAutor der Antwort mcherm
Stellen Sie sicher, dass Ihre Website gerendert wird bei 800x600, aber machen es zu erweitern, um was Größe der Benutzer hat.
Nichts ist ärgerlicher, als das surfen auf 1600x1200 oder größer, nur um auch eine dumme Website, die nicht dehnen, über einen 700-800px Breite.
Überprüfen Sie heraus, dass Der Mann in blau für ein gutes Beispiel, wie zu handhaben, die Größe der Seite ändert...
http://themaninblue.com/experiment/ResolutionLayout/
Update:
Ich fand eine schöne Website, die verwendet einige Statistiken, um zu bestimmen, was % der Nutzer sehen kann, welche Größe die Bildschirme: http://www.methodologie.com/webcanvas/
InformationsquelleAutor der Antwort scunliffe
Die überwiegende Mehrheit der Nutzer in das Web im IE7 in einem maximierten Fenster auf einem 1024x 768 Bildschirm und nicht verändert Ihre browser. So fand ich ein Meerschweinchen und habe einen Bildschirm geschossen. Ich nahm an, die Taskleiste war eine Zeile sichtbar-wieder das Standard-Verhalten--und bekam eine Fenstergröße von 1003 x 589. Ich würde eine live-Bereich von 960 x 560, persönlich.
InformationsquelleAutor der Antwort
Für was es Wert ist, XP-IE7-Benutzer mit den Standard-sidebar öffnen in Vollbild-XGA bekommen eine viewport-Breite von 862px. Höhen sind nicht so wichtig, wie wir erwarten, um einen Bildlauf vertikal, aber horizontal Blättern wie gut ist der Tod.
Gibt es natürlich eine Reihe von Gründen, warum dieses abweichen von dem, was ist eigentlich zur Verfügung, die ist, warum wir alle guten web-Designer und die ordnungsgemäße Verwendung von liquid layouts, nicht wir.
(Was ist das, stackoverflow? Wirklich? Schockierend, tsk.)
InformationsquelleAutor der Antwort bobince
Momentan bin ich auf einem Acer-netbook auf 1024 x 600 Bildschirm-Auflösung. Denken Sie daran, dass wir eine wachsende Marktsegment! (oder zumindest versuchen Sie nicht, um Ihre vertikale real-estate übernehmen 768 mindestens Bildschirmhöhe)
InformationsquelleAutor der Antwort Jimmy
Dies scheint zu sein, den letzten, dachte, ich würde es erwähnen, fand ihn beim scheuern der interwebs...
http://www.nealgrosskopf.com/tech/thread.php?pid=43
InformationsquelleAutor der Antwort Micah
Habe ich Firefox öffnen mit der Größe (einschließlich chrome) 1024x1000. Ich weiß nicht surfen voller Bildschirm.
Mein chrome schließt sich die Menüleiste, die Navigationsleiste (mit kleinen Symbolen), die Lesezeichen-Symbolleiste, die tab-Leiste rechts-side-scroll-Leiste und die status-Leiste am unteren Rand.
Meiner eigentlichen view-port ist genau 1000x843.
InformationsquelleAutor der Antwort sjstrutt
bin ich auf einem Sony-laptop WUXGA-Bildschirm (1920x1200).
Ich habe meine Taskleiste auf der linken Seite des Bildschirms minus die browser Google chrome, ich habe noch ein ziemlich anständig nutzbar 1831 Pixel. in der Regel finden, das ist gut für die meisten Anwendungen.
Möchte ich nur stackoverflow würde erkennen meine große Bildschirm und zeigen mir meine Antwort preview in einer rechten Spalte.
InformationsquelleAutor der Antwort Simon_Weaver
Dachte, ich würde hinzufügen, dass Shaun Inman ist Minze stats app hat ein plugin , Spuren, Fenster Größe, sondern als Bildschirmauflösung, und berücksichtigt worst-case-browser chrome. Es fasst dann die Ergebnisse als x% der Besucher haben Fenster Breite >y%, oder >z% Höhe, was sehr nützlich sein kann, die für fundierte Entscheidungen über eine bestimmte Website, und nimmt etwas von dem Rätselraten aus dem Prozess.
InformationsquelleAutor der Antwort
1007px ist der absolute Maximalwert, den Sie mit dem arbeiten im Internet Explorer (details) ohne horizontale Scrollbalken. Aber das sagte, ich denken Sie sollte nicht gehen, für die sehr maximalen, es sei denn, Sie müssen. Vielmehr verlassen Sie sich auf die Annahme, dass viele Menschen die Browser nicht maximiert.
Google Browser Größe ist ein Super tool.
InformationsquelleAutor der Antwort philfreo
Die ursprüngliche Frage - trotz, dass es gut war! - sowie einige der Antworten, die sind immer veraltet als pro 2014.
Nun müssen wir erkennen an der wachsenden Zahl von Smartphones der verschiedenen Bildschirm-Größen, netbooks, iMacs mit großen Bildschirmen, Netzhaut, (Android /Mac), tablets etc. etc.
Hinzu, dass die Kluft zwischen touch und Tippen Sie auf, wächst mit dem letzteren nicht ein Seltenes Ereignis mehr.
Brauchen wir jetzt
device-specific style with a tap-based UI for handheld devices with fixed browser sizes
undfluid-responsive style with mouse-hover effects etc. for desktop computers.
Dies sollte der Schwerpunkt der Diskussion heute.
In diesem Sinn, die Antwort auf die orig. die Frage kann nicht einfach irgendwelche mehr. Eine sehr häufige 1024 x 768 Bildschirm könnte sehr gut sein, ein iPad - oder eine abgespeckte browser-Fenster.
InformationsquelleAutor der Antwort Nils Sens
Alle Antworten, die Sie gefunden haben, schon wohl Recht.
Für den casual-user (Stereotype: Win XP oder Vista, IE6-7, keine custom skins) eine Breite in der Nähe 1000px würde wahrscheinlich passen. Wenn die Menschen so verändert haben, Ihr Browser nicht läuft Sie Vollbild oder benutzerdefinierte skins auf Ihre Betriebssysteme, diese Zahl könnte sich ändern.
Wenn ich das design für ein 1024px-Breite-Auflösung, würde ich wahrscheinlich wählen Sie die Breite der Nähe von 980px. Es ist alle bis zu Ihnen, und es gibt keine "einzige Antwort". Um 960-1000px irgendwo, je nachdem, eine ganze Menge Dinge.
Wenn es um die Höhe der Seite, nicht denken zu viel über Sie. Stellen Sie die wichtigsten Informationen (navigation, logo, wichtige Inhalte) an der Spitze der Seite, und haben Sie keine Angst, dass der Benutzer scrollen, um den rest finden. Menschen, die gewohnt sind, und wissen, dass Sie haben zu scrollen. Es ist eine Natürliche Einschränkung erwartet niemand, dass Sie nichts zu tun.
Für die wichtigsten Informationen, die einen viewport mit einer Höhe von rund 550px oder mehr könnte wahrscheinlich werden erwartet.
So, ~980px * ~550px ist wohl ein mehr oder weniger standard-Arbeitsbereich, um als Ausgangspunkt verwenden 🙂
InformationsquelleAutor der Antwort Arve Systad
Die 960px Breite ist eine gute Größe, denn es ist so teilbar. 1000px zu groß für viele Systeme. Die scrollbar-Breite plus Rahmung fügt bis zu über 33px unter Vista/Firefox.
Ich denke, die überprüfung der Höhe ist nützlich, da es ist gut, um eine Vorstellung von dem, was ein Betrachter kann und nicht sehen kann, wenn das erste öffnen einer Seite. In diesen Tagen der info-Sättigung können Sie sich nicht darauf verlassen, dass immer Besucher nach unten scrollen.
Mein viewport auf Firefox mit offenen tabs, die quick-links und die ausgezeichnete web developer toolbar-Erweiterung ist nur 572px, wenn auf 1024x768 gesetzt.
Wenn Sie verwenden die web-developer-toolbar eine der vielen nützlichen features gehört die Möglichkeit, sofort die Größe des Browsers an, was Größen, die Sie setzen es für: zB. 1024x768, 800x600 usw. So können Sie Ihre Website die gleiche Weise, die die Besucher von diesen Bildschirm-Größen wird es sehen.
Web-Entwickler ist gut lohnt sich: https://addons.mozilla.org/en-US/firefox/addon/60
InformationsquelleAutor der Antwort