Responsive Web Design
La configurazione attualmente attiva è: max-width:600px (phone) min-width:600px (tablet portrait) min-width:768px (tablet landscape) min-width:992px (laptop) min-width:1200px (desktop) min-width:1600px (big screen)
Se possibile, ridimensionare la finestra per apprezzare i cambiamenti.
Fino ad una risoluzione con larghezza pari a 600px, viene usato il foglio di stile cssExample_phone.css, per risoluzioni maggiori il browser utilizzerà il foglio cssExample_tabletP.css.
Via via che vengono raggiunte le altre soglie di larghezza, si aggiungono in cascata gli altri fogli, secondo la logica dei CSS. Questo significa che, rispetto al cssExample_tabletP.css, i file successivi conterranno solo le variazioni necessarie.
La varietà dei devices utilizzati per la navigazione rende imprescindibile l'attenzione alla responsitivity nella progettazione di una pagina WEB.
Non da ultimo, il Google ranking tiene in somma considerazione tale aspetto.