Css in base alla larghezza dello schermo

file css in base alla larghezza dello scherm

Per ottimizzare un sito per il mobile, spesso utilizziamo le media queries, ma oggi vi mostro un’alternativa.
L’alternativa alle media queries che vi propongo è quella di creare dei fogli di stile, file css (Cascading Style Sheets), appositi in base alla larghezza dello schermo.
E’ tutto molto semplice. Vi basta creare il file css e nell’head del vostro sito, inserire la seguente riga, che serve ad includere il file nel sito:

<link rel="stylesheet" media="screen and (min-device-width: 320px) and (max-device-width: 1024px)" href="100-1024.css" />

Come potete vedere è molto semplice, quello che specifichiamo è che se la larghezza dello schermo è compresa tra
320px e 1024px allora richiamo il file specificato nell’attributo href.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *