Larghezza fissa vs. Larghezza Fluid

July 9

Larghezza fissa vs. Larghezza Fluid


sito sviluppatori devono creare e regolare i valori per tutti i componenti di un layout, inclusi larghezza. Regolazione della larghezza di un sito cambia come si è visto nel browser di un visitatore del sito. Ci sono due tipi comuni di larghezze utilizzati dagli sviluppatori: fissi e fluide. Questi tipi hanno diverse caratteristiche che li distinguono gli uni dagli altri.

Larghezza fissa

Un sito creato con un layout a larghezza fissa ha un valore numerico specifico per la sua larghezza. La larghezza fissa è immobile e indipendente dalla risoluzione del monitor di un utente finale. Utilizzando un layout a larghezza fissa ha diversi vantaggi. Il modo in cui il contenuto leggibile viene visualizzato su un sito a larghezza fissa è controllato dallo sviluppatore sito web, perché la larghezza mai varia, così il testo non ha bisogno di reflow in base alle diverse larghezze finestra del browser. Inoltre, i layout a larghezza fissa sono più facili visivamente per progettare e modificare.

Larghezza Fluid

layout fluidi sono creati non specificando una larghezza, o utilizzando una percentuale invece di un valore numerico. Ad esempio, un layout con una larghezza di fluido di 100 percento prenderà comunemente l'intero spazio schermo orizzontale di un browser Web, senza che l'utente debba utilizzare una barra di scorrimento per accedere al contenuto. Il testo riformatta automaticamente a seconda delle dimensioni del browser. Se il layout è codificato e installato correttamente, il sito si adatterà a qualsiasi larghezza punto di vista.

Svantaggi layout fisso

Ci sono alcuni svantaggi di usare un layout a larghezza fissa. La maggior parte dei layout sempre includere una barra di scorrimento, a causa di tutti i contenuti non essere sullo schermo allo stesso tempo. Secondo la bestia verde, una larghezza a layout fisso deve essere posizionato solo sul lato sinistro della pagina, quindi gli utenti non sono tenuti a scorrere per accedere al contenuto principale. Il sito web può sembrare stretta sui monitor più grandi e display. In questo caso, la quantità di contenuto e il numero di colonne che possono essere aggiunti a un layout è ridotta.

Svantaggi layout fluido

Un layout fluido ha una propria serie distinta di svantaggi. La proprietà "max-width" comunemente utilizzati nei layout fluido non è supportata in Internet Explorer 6 e versioni precedenti. Pertanto, la disposizione potrebbe non essere leggibile su computer che utilizzano browser più vecchi. gli utenti layout fluido possono anche sentirsi obbligato a aggiungere più contenuti di quanto non sarebbe altrimenti, a causa dello spazio aperto generato dalla larghezza flessibile.