25 Stimmen

Was ist die typische Größe des Ansichtsfensters auf einem 1024x768 Bildschirm?

Ich entwerfe eine Webanwendung und möchte die größte Größe (x und y) wissen, für die ich entwerfen kann.

Stand: Januar 2008 Etwa die Hälfte der Benutzer verwendet 1024x278 Bildschirme, und wahrscheinlich weniger als 10 % verwenden kleinere Bildschirme. (Telefon- und Palmtop-Benutzer bilden hier eine Ausnahme.) Wir sind also auf eine minimale Bildschirmgröße von 1024x768 ausgelegt.

Allerdings Das ist die Bildschirmgröße, und wenn wir unseren Inhalt auslegen, müssen wir die Ansichtsfenster Größe. Es gibt Beweise dass die meisten Nutzer den Browser maximiert haben, aber man muss immer noch Platz für OS-Dekorationen und Browser-Chrome abziehen. Die Leute passen ihr Chrome an, also gibt es keine "richtige" Antwort; ich strebe eine vernünftige Grenze an, die der Mehrheit der Benutzer entgegenkommt.

Ich sehe eine Vielzahl von Designern die sagen, dass sie eine Breite von 960 Pixeln verwenden, weil sie viele Faktoren hat und gleichmäßig aufgeteilt werden kann - aber bevor ich mich dafür entscheide, möchte ich wissen, welche maximal Größe, mit der ich zurechtkomme, dann würde ich vielleicht etwas weniger verwenden. Ich habe gesehen, maximale Breiten von 960, 974 oder sogar 990 zitiert ... meine eigenen Experimente scheinen zu zeigen, eine Breite von 1000 funktioniert OK.

Noch schwieriger ist es, an Höhen zu kommen: Bei den Browsern, die ich ausprobiert habe, funktioniert eine vertikale Ansichtshöhe von 595 Pixeln mit den typischen Standardeinstellungen von Betriebssystem und Chrome. Aber ich habe nicht sehr viele ausprobiert, und ich würde lieber eine verlässlichere Quelle sehen. Sicherlich hat jemand anderes diese Forschung durchgeführt und es besser gemacht als ich.

Meine eigentliche Frage ist also die folgende: Was ist die größte Ansichtsgröße, für die ich ein Design entwerfen kann und von der ich erwarten kann, dass sie für 80-90 % aller Benutzer ohne Scrollbalken passt?

30voto

mcherm Punkte 22222

Heute bin ich auf eine Website gestoßen, die für diese alte Frage von HOHER Relevanz ist. Offenbar ist Google bereit, sein Wissen über die Größe von Browserfenstern zu teilen. Ihr neuer Dienst ist unter http://browsersize.googlelabs.com/ und zeigt Ihnen im Grunde nur die Daten über typische Browser-Portalgrößen.

備考 : Die Größe des Google Labs-Browsers ist inzwischen sehr veraltet (das Bild trägt den Titel 2009-11-18-day_google_com_100_donate_example.png ) und wird bald abgeschaltet . Google schlägt vor, dass Google Analytics verwendet werden kann, um die Browsergrößenverteilung für die eigene Website zu ermitteln: http://analytics.blogspot.ca/2012/06/new-feature-conduct-browser-size.html

8voto

Die überwiegende Mehrheit der Nutzer sieht sich das Web im IE7 in einem maximierten Fenster auf einem 1024x 768-Bildschirm an und hat ihren Browser nicht geändert. Also habe ich ein Versuchskaninchen gefunden und einen Screenshot gemacht. Ich bin davon ausgegangen, dass die Taskleiste einzeilig und sichtbar ist - auch das ist das Standardverhalten - und habe eine Fenstergröße von 1003 x 589 . Ich persönlich würde einen Live-Bereich von 960 x 560 verwenden.

7voto

scunliffe Punkte 60080

Stellen Sie sicher, dass Ihre Website bei 800x600 gerendert wird, aber lassen Sie sie sich auf die Größe des Benutzers anpassen.

Nichts ist ärgerlicher, als mit einer Auflösung von 1600x1200 oder mehr zu surfen, nur um auf eine dumme Website zu stoßen, die sich nicht über eine Breite von 700-800px hinaus ausdehnen lässt.

Der Mann in Blau ist ein gutes Beispiel dafür, wie man mit Änderungen der Seitengröße umgeht... http://themaninblue.com/experiment/ResolutionLayout/

Aktualisierung: Ich habe eine nette Website gefunden, die anhand von Statistiken ermittelt hat, wie viel Prozent der Nutzer welche Bildschirmgröße sehen können: http://www.methodologie.com/webcanvas/

5voto

bobince Punkte 512550

Für was es wert ist, XP IE7-Benutzer mit der Standard-Breite der Seitenleiste geöffnet bei Vollbild XGA erhalten eine Viewport Breite von 862px. Die Höhe ist nicht so wichtig, da wir erwarten, vertikal zu scrollen, aber horizontal scrollen zu müssen, ist der Tod.

Es gibt natürlich eine Reihe von Gründen, warum dies von der Realität abweichen kann. eigentlich Das ist der Grund, warum wir alle gute Webdesigner sind und richtige flüssige Layouts verwenden, nicht wahr?

(Was ist das, Stackoverflow? Wirklich? Schockierend, tsk.)

3voto

Jimmy Punkte 85199

Ich benutze derzeit ein Acer Netbook mit einer Bildschirmauflösung von 1024x600. Denken Sie daran, dass wir ein wachsendes Marktsegment sind! (oder versuchen Sie zumindest, Ihre vertikale Fläche nicht auf 768 als Mindestbildschirmhöhe festzulegen)

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X