2012-05-10 13 views
23

Durante lo sviluppo di applicazioni Web, in passato la scelta era 800px o 1024px per adattarsi al monitor dell'utente. Ho svolto ricerche sul web design reattivo e sui design fluidi, e sembra che molti definiscano la larghezza dello 980px. Con l'aggiunta di smartphone e tablet, e il factoring nelle altre possibili finestrelarghezza pagina web predefinita - 1024px o 980px?

E` 980px il nuovo standard de-facto?

Grazie.

+0

Io uso i monitor verticali 1024px di larghezza, e sto iniziando a vedere un sacco di siti web popolari come Facebook e Stack Overflow con barre di scorrimento. Perché le persone abbandonano larghezze più basse come questa? –

risposta

6

Se non lo è, potrei vedere le cose che vanno in quella direzione.

Sto lavorando al rifacimento del sito Web per la società per cui lavoro e il designer che hanno assunto ha utilizzato un layout di larghezza di 960px. C'è anche un sistema a griglia 960px che sembra essere diventato piuttosto popolare (http://960.gs/).

Sono stato fuori dalle cose del web per alcuni anni, ma da quello che ho letto che ho visto su cose che sembrano 960/980 è giusto. Per i dispositivi mobili ~ 320px si blocca nella mia mente, di cui 960 è divisibile. Anche il 960 è divisibile in modo uniforme per 2, 3, 4, 5 e 6.

12

980 non è il "de facto standard", sarà generalmente vedere la maggior parte di persone rivolte una dimensione un po 'meno di 1024px di larghezza per tenere conto di Chrome browser come barre di scorrimento, ecc

Di solito le persone bersaglio tra i 960 e 990 px di larghezza. Spesso le persone usano un sistema di grid (come 960.gs) che è in discussione su quale dovrebbe essere la larghezza di default.

Inoltre, recentemente le dimensioni dello schermo più comuni ora sono in media un po 'più grandi di 1024px di larghezza, con una larghezza di 1366 pixel. Vedi http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/

+2

Il bootstrap di Twitter fa anche 980px. –

27

Io uso per lo più 978 px di larghezza per i miei disegni. Adv. di 978 px: può essere diviso per 2,3.

+7

questo è intelligente, non ci avrei pensato. –

+0

Io uso 980 in quanto si divide anche in 2 e 3 quando si considerano i paddings comuni sulle colonne. – Brad

+3

@Brad 980 non si divide in 3. –

3

Questa è una domanda a risposta aperta dal momento che le dimensioni dello schermo cambiano continuamente e ciò che avrebbe potuto essere corretto due anni fa probabilmente non sarebbe aggiornato.

Attualmente utilizzo Twitter Bootstrap 3 e utilizza un sistema a griglia fluida progettato per funzionare con dimensioni che vanno dal cellulare/molto piccolo fino agli enormi monitor a schermo ampio ora disponibili.

Attualmente il valore predefinito superiore in BS3 è 1200px che si traduce in una larghezza contenitore di 1144 px dopo aver preso in considerazione i margini e il riempimento degli elementi delle griglie.

Nella mia esperienza, i progettisti moderni lavorano a una larghezza di circa 1366 pixel per desktop. Tutti i disegni recenti che mi sono stati dati per l'implementazione sono stati 1366 px.

Nota anche che è possibile personalizzare la griglia BS3 in modo piuttosto pesante. Per esempio useremo una griglia a 32 colonne con gutter 4px nei nostri siti/progetti andando avanti.

In definitiva, la decisione sulla larghezza della pagina deve essere presa in base all'analisi del sito Web e alle dimensioni dello schermo che i visitatori utilizzano in genere.

2

anche se non esiste una risposta giusta o sbagliata per questa domanda, ma personalmente preferisco la larghezza di 960 px. poiché tutti i monitor moderni supportano almeno una risoluzione di 1024 × 768 pixel.960 è divisibile per 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 e 480. Questo lo rende un numero di base altamente flessibile con cui lavorare.

vedono questo articolo che riporta immagini più popolari risoluzioni 2013-2014 negli Stati Uniti e nel Regno Unito: http://www.hobo-web.co.uk/best-screen-size/

Problemi correlati