Il tuo sito web i visitatori hanno monitor di computer che variano nella risoluzione; Pertanto, la progettazione di un formato che funziona per tutte le dimensioni può essere difficile. Idealmente, si desidera creare una pagina che si adatta tutte le schermate in modo gli spettatori con piccoli monitor non devono usare una barra di scorrimento orizzontale per visualizzare tutti i contenuti, e ai lettori con schermi più grandi possono regolare la finestra del browser per ridimensionare la pagina in base alle esigenze. Utilizzando Cascading Style Sheets, inserire una regola di stile che funziona per tutte le risoluzioni.

istruzione

1 Avviare un programma di software editor di testo e aprire il documento pagina Web che si sta modificando.

2 Individuare il finale </ head> tag nella parte superiore della pagina e inserisci questo codice CSS appena prima che:

<Style type = "text / css">

body {}

</ Style>

Creazione di una regola per l'elemento corpo HTML consente di controllare il formato generale del contenuto.

3 Enter "width: 100%;" tra le parentesi graffe. Usando una impostazione piuttosto che un valore di pixel fisso percentuale rende il vostro sito regolabile in un browser Web.

4 Salvare il file. Il codice finale è simile al seguente:

<Style type = "text / css">

body {width: 100%; }

</ Style>

Consigli e avvertenze

• Se si creano le altre regole di stile che richiedono un attributo width, impostare i valori percentuali per garantire la vostra pagina rimane scalabile.
• Se avete bisogno di un elemento HTML, come "H1", sia una larghezza particolare, creare una regola di stile con l'attributo min-width e impostare questo per il valore del pixel desiderato. Per esempio:
• H1 {min-width: 500px; }
• È possibile visualizzare in anteprima la pagina Web formattata sembra caricandola in un browser e si riduce la finestra per vedere come viene visualizzato il contenuto.