Come rendere il tuo sito web adatto a diverse dimensioni dello schermo

Scopri come rendere il tuo sito web adatto alle dimensioni dello schermo della persona che lo vede.

Passaggio 1

Fare clic su "File" e quindi su "Apri" per aprire la pagina Web in un editor di testo. Scegli la tua pagina web dal menu.

Passaggio 2

Individua il tag HEAD sulla tua pagina web cercando i tag HTML e vicino alla parte superiore della tua pagina web.

Passaggio 3

Aggiungi i selettori di tag CSS appena sopra l'etichetta all'interno di STYLE. Questo può essere il selettore "Corpo" o un contenitore ID DIV o Classe se si desidera che il contenuto sia separato dallo sfondo del sito Web. Ad esempio: "body {}" o "#container {}". È possibile aggiungere entrambi per controllare la dimensione dei due elementi. All'interno di STYLE, entrambi gli articoli dovrebbero apparire così:

Passaggio 4

Aggiungi la proprietà width con una percentuale. Ad esempio, se vuoi che il corpo copra l'intera area della finestra, dovresti dare una larghezza del 100%. Se vuoi che il contenitore abbia un margine che mostri il fondo, puoi dare un valore dell'80%. Usando l'esempio sopra, il codice sarebbe "body {width: 100%;} #container {width: 80%;}".