risposta-alla-domanda-sullo-sviluppo-web-bd.com

Perché i siti Web non utilizzano l'intera larghezza del browser?

Quali motivi un sito Web non può utilizzare l'intera larghezza del browser, come fa Gmail?

Ad esempio, StackOverflow non utilizza l'intera larghezza: ha i margini sinistro e destro. Ciò significa che l'intero contenuto di una pagina è presentato in una colonna, con uno spazio bianco a sinistra e a destra.

È un motivo tecnico nella maggior parte dei casi, come ad esempio ospitare il display in tutti i tipi di browser o ci sono ragioni progettuali per questa decisione?

41
kensen john

La differenza di cui stai parlando è spesso definita come "larghezza fissa" rispetto a "liquido" o layout "fluido".

I layout a larghezza fissa sono MOLTO più facili da progettare rispetto a quelli liquidi. Quando si progetta un layout liquido, è necessario controllare molti altri aspetti del display. Cosa succede quando le finestre si riducono oltre una larghezza minima? Quali parti della finestra possono allungarsi e quali dovrebbero essere le colonne a larghezza fissa? Esiste un limite massimo per "body" dopo il quale il layout avrà un aspetto negativo? (Ho visto layout liquidi che erano quasi illeggibili su un display 1920x1080.)

Un secondo motivo, in lizza per la posizione di più importante, è che i layout a larghezza fissa sono prevedibili. In una società di grandi dimensioni con un "direttore creativo" o "designer grafico" che è diverso dalla persona che implementa un sito Web, il wireframe o il sito di esempio verrà probabilmente realizzato in Photoshop, approvato da un manager e consegnato a un programmatore web da implementare in un CMS (ad esempio). Il programmatore web non si preoccupa della larghezza fissa rispetto al liquido, vuole solo implementare il sito nel modo in cui è stato approvato dal suo manager. E le variazioni richiederanno ulteriori approvazioni e diventa impossibile migliorare un layout che sarà diverso per ciascun browser.

E un terzo fattore meno importante ... Esistono numerosi strumenti di analisi dei siti Web che misurano un " mappa di calore " e le mappe di calore sono praticamente impossibili da implementare in layout liquidi, poiché i collegamenti non lo fanno apparire in posizioni prevedibili sulla pagina.

30
ghoti

Sono d'accordo con l'utente Jared Farrish: è per rendere il contenuto più leggibile. Se un paragrafo copre l'intera larghezza della finestra del browser, può essere faticoso per gli occhi spostarsi dalla fine di una riga all'inizio della riga successiva se il paragrafo occupa molti pixel di larghezza. Molti siti Web tendono a limitare la larghezza della pagina per questo motivo. Inoltre, alcuni siti Web utilizzano query multimediali per modificare la dimensione del carattere se la larghezza della finestra del browser dell'utente è molto grande.

25
Peter O.

Sono con Peter O e Jared Farrish su questo. Ha più a che fare con la facilità con cui noi umani troviamo tracciare una riga durante la lettura e poi passare alla riga successiva. Quindi ha più a che fare con il tracciamento all'inizio della riga successiva. Ecco perché i giornali stampano le loro storie su colonne e non su tutta la larghezza del foglio.

Certamente le query multimediali possono essere utilizzate con buoni risultati qui. A seconda del contenuto del tuo sito, puoi modificare il numero di colonne per diverse larghezze di visualizzazione, puoi anche destreggiarti tra le informazioni di navigazione/supplementari per creare uno schermo ampio/stretto di conseguenza.

6
Antony Scott

Uno dei migliori motivi per giustificare un layout a larghezza fissa è la leggibilità. Perché una riga di testo possa essere letta facilmente, non deve superare i 70-80 caratteri.

Oltre a ciò, è molto difficile creare un layout fluido che funzioni bene su tutte le dimensioni dello schermo. Non è solo una questione di ridimensionare le cose, interi blocchi devono essere cambiati e spostati per fornire una buona UX.

Pensa ai menu di navigazione che si comprimono in un pulsante [☰] su dispositivi mobili. Non è così difficile concettualizzare e implementare, ma puoi immaginare cosa ci vorrà per farlo per tutti gli elementi nel tuo sito web ...

TLDR; Le righe di testo probabilmente non dovrebbero essere più lunghe di 70-80 caratteri, e talvolta un layout fluido non vale lo sforzo/il costo.

0
Tom

Tutto dipende dal sito web. Alcuni saranno come una risoluzione "consigliata/minima" in modo che il layout rimanga bello senza sembrare "allungato" con impostazioni di risoluzione più alte, e altri saranno per pura estetica.

Il "sapore del mese" circa 6 anni fa erano i siti web che erano solo una colonna centrale che aveva ampi bordi di spazi bianchi/gradiente sui lati.

0
Deco

è a causa delle molteplici risoluzioni. se si desidera utilizzare l'intera pagina, è necessario ridimensionare il contenuto in base alla risoluzione (come Gmail) ma non è possibile in ogni situazione. Questo è il motivo per utilizzare la larghezza fissa per il sito Web

0
Chamika Sandamal