Uno dei codici CSS che trovo più utili nella realizzazione di un sito “under construction” è il div centrato nella pagina.
Con questo codice è possibile realizzare un DIV che su qualsiasi schermo e dispositivo sia sempre centrato:
Cosa è il Responsive nel web
Come si visualizza un sito web reattivo su PC e cellulari ?
L’immagine qua sopra mostra come un sito web è in genere visualizzato su un computer: la larghezza dello schermo permette di visualizzare il sito senza scrolling orizzontale ed i testi sono abbastanza grandi da essere chiaramente leggibili. Devi solo scorrere verticalmente per vedere il contenuto della pagina.
Ma su un telefono cellulare o un tablet, la larghezza fisica dello schermo diminuisce drasticamente, ed ecco come lo stesso sito viene visualizzato su uno smartphone a seconda se si tratta di un sito reattivo o no: