webmaster programmatore php mysql java javascript

Web Developer

PROGRAMMAZIONE CSS Cambiare caratteristiche div in base alla dimensione della pagina
./image/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.

Related
Disabilitare Auto Zoom nelle input area per i dispositivi mobili
Forzare lettere minuscole in un campo
CSS Centrare orizzontalmente e verticalmente un div
CSS GESTIRE LO SCROLL DI UN DIV
Css Box-Shadow Ombre dietro un div
Css Smussare angoli di DIV ed Immagini
Creare Bottoni Colorati con CSS senza immagini
CSS ON MOUSE HOVER
CSS FORZARE ACCAPO NELLE TABLE | RESPONSIVE
CSS AFFIANCARE DUE DIV | RESPONSIVE
CSS DIV TRASPARENTE
Impostare dimensione di stampa
CSS BORDO DIV CON BORDER E CSS
CSS GRANDEZZA CARATTERE IN INPUT TYPE=TEXT
Impostare larghezze INPUT in FORM
CSS GESTIONE TESTO GRASSETTO E DIMENSIONE
CSS SPAZI TRA LETTERE, SPAZI TRA PAROLE
CSS SFONDO A TUTTO SCHERMO

Developer - Problem Solver - Business Intelligence

Panthera ERP Biella

Programmatore Html - Css Biella

Programmatore Javascript - Jquery Biella

Programmatore PHP Biella

Programmatore SQL Biella

Programmatore Web app Biella

Programmatore Web Biella

Realizzazione Dashboard Personalizzate Biella

Soluzioni B.I. con Qlik View e Qlik Sense Biella

Sviluppo Reportistica Crystal Report Biella

Webmaster Biella

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.

LOG-IN