Jaka jest najlepsza szerokość bezwzględna dla strony internetowej?

Sprawdź http://browsersize.com dla niektórych szybkich statystyk rozdzielczości ekranu użytkownicy używają obecnie. Możesz użyć http://setmy.browsersize.com aby szybko zmienić rozmiar przeglądarki, aby emulować wyświetlanie witryny w określonej rozdzielczości ekranu. Upewnij się, że układ spełnia co najmniej najczęściej używaną rozdzielczość ekranu (1024 x 768).

Również, nie muszą dążyć do zajmowania maksymalnej przestrzeni poziomej. Szerokość tekstu (liczba słów w wierszu) idealnie nie powinno przekraczać pewnego progu użyteczności:

Na bardzo powszechnym ekranie 1024×768 rozdzielczość, większość stron o stałym układzie nie wykorzystuj całej dostępnej przestrzeni do z lewej i prawej strony ich treści. Elastyczne układy umożliwiają lepsze wykorzystanie poziomej przestrzeni, ale walka o zachowaj użyteczną długość linii. Eksperci Usability powiedzieli nam, że jest tyle słów, że powinien się połączyć. Między 8 a 12 słowa wydają się być idealną linią długość. Drukuj media, zwłaszcza gazety, nie wahaj się używać nawet krótsze linie. Dlaczego? Ponieważ mogą, poprzez rozłożenie tekstu na kilka kolumny.

Http://www.alistapart.com/articles/css3multicolumn

Jeśli użyjesz stałej szerokości, która jest szersza niż najmniejszy ekran prawdopodobnie , aby odwiedzić Twoją stronę, zirytujesz i frustrujesz użytkowników, którzy muszą przewijać na boki, aby dostać się do reszty treści.

Ja też używam layoutu pomiędzy 950 a 980px i zawsze wyśrodkowuję chyba, że klient zażąda inaczej:)

1. Należy pamiętać, że rozdzielczość monitora często cytowana w statystykach niekoniecznie jest taka sama jak wewnętrzna szerokość okna przeglądarki. Użytkownicy mogą mieć dodatkowe paski boczne/paski narzędzi, używać nie zmaksymalizowanego okna przeglądarki. Im większy ekran, tym mniej prawdopodobne, że chcesz go używać tylko na jednej stronie.

2. Bardzo długie linijki tekstu są trudniejsze do odczytania. Optimum to 25-30em (zależy od wielu czynników, ale nie należy po prostu iść na maksimum).

3. Przeglądarki mobilne mają" wirtualną " rozdzielczość ekranu, której używają do zoomu i jest to ~960px w Opera Mini / Mobile i Mobile Safari.

Głosuję za podzieleniem wniosku. Tylko dlatego, że rozmiar ekranu to X, nie oznacza, że X lub cokolwiek, co jest blisko, jest najlepszym projektem dla Twojej witryny.

Cel witryny ma wiele wspólnego z szerokością, którą wybierzesz.

Wielu ekspertów od marketingu uważa, że bardziej wąska kolumna "konwertuje" więcej wizyt na sprzedaż. Być może jest tak dlatego, że łatwiej jest skierować uwagę ludzi, jeśli strona jest wąska.

Z drugiej strony strona poświęcona obrazkom powinna pokaż w najlepszej dostępnej rozdzielczości dla każdej przeglądarki odwiedzającej.

W pewnym momencie było to 800px; jednak coraz więcej stron zaczyna używać 1000px. Wynika to z faktu, że częściej niż Nie, niskie rozdzielczości odwiedzających są na 1024x768. Dodatkowe 24 piksele pozostawiają miejsce dla przeglądarki chrome, wypełnienia i marginesy, które możesz manipulować itp.

Żeby dać trochę perspektywy, nawet nowa fala netbooków z małym ekranem ma rozdzielczość 1024x768.

Ale przede wszystkim Znaj swoją publiczność, jak sugeruje @warren i wykorzystaj to.

Możesz spróbować opracować wiele układów i użyć Javascript, aby przełączać się między nimi w zależności od okna odwiedzającego.innerWidth

To powiedziawszy, zwykle używam czegoś między 950px i 980px.

Maksymalna szerokość strony dla optymalnej wydajności i kompatybilności z monitorami krzyżowymi wynosi 960px, jeśli jest to związane z komputerami stacjonarnymi i laptopami.

Aby uzyskać więcej informacji na temat tego, jak i dlaczego, zobacz następujący artykuł:

Rozmiar i rozdzielczość ekranu

Zgodnie z tymi statystykami, Minimum 1024 pikseli pokryje większość użytkowników.