menu


area contatti

area directory PRODOTTI



Torna Indietro
PROGRAMMAZIONE CSS Cambiare caratteristiche div in base alla dimensione della pagina
15-01
./upload/15-01-2017-15-09-18.jpg

foto-1
Da qualche anno a tutti noi del settore ci capita sempre di dover gestire la dimensione del contenuto della pagina in base alla dimensione effettiva dello schermo dove deve essere stampato.

In molti casi però non basta dire che il div deve coprire il 90% della pagina, ma è necessario trovare una nuova posizione o cambiare il colore o nascondere il div poichè il dispositivo finale ha uno schermo molto piccolo.

Ecco un esempio di come farlo usando CSS ed il suo @media.

Ipotizziamo di avere un div di nome CONTENITORE e che vogliamo che questo cambi colore quando l'area di stampa diventa più piccola di 850px ecco come fare.


Nel foglio CSS:

.CONTENITORE{background-color:yellow;}
@media(max-width:850px){.CONTENITORE{background-color:red;}}

In pratica quando l'area di stampa diventa più piccola di 850px il div di nome CONTENITORE (class=CONTENITORE) diventa da Giallo a Rosso.

E' molto semplice e non è necessario usare JQuery, Javascript o altro!!!!

Buon Web a tutti.


Curtacci.Info Programmatore Php Java C# Javascript Css Mysql Html

() ITALIA


italiano english version francese version spagnolo version



Privacy and Policy




youtube instagram facebook feed rss

Programmatore web - Webmaster Elio Curtacci

Made with made in italy in Italy

Questo sito web utilizza i COOKIE per dare all'utente un esperienza di visita migliore.
OK
INFORMAZIONI