Filoweb.it

Breakpoint Esempio

home menu Gallery contatti

CSS

Breakpoint Esempio

 
		body {

 background: red;

}

 

@media screen and (min-width: 480px) {

 body {

  background: yellow;

 }

}

 

@media screen and (min-width: 768px) {

 body {

  background: green;

 }

}

 

@media screen and (min-width: 1024px) {

 body {

  background: blue;

 }

}

 

@media screen and (min-width: 1200px) {

 body {

  background: gray;

 }

}





320px: iPhone con orientamento portrait

480px: iPhone con orientamento landscape

768px: iPad con orientamento portrait

1024px: iPad con orientamento landscape (ma anche molti netbook, visto che in genere questi dispositivi hanno una risoluzione orizzontale minima di 1024px)

↑
filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito filoweb.it sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito filoweb.it.

La tua privacy è importante
Utilizziamo, senza il tuo consenso, SOLO cookies necessari alla elaborazione di analisi statistiche e tecnici per l'utilizzo del sito. Chiudendo il Cookie Banner, mediante il simbolo "X" o negando il consenso, continuerai a navigare in assenza di cookie di profilazione. More info

Tutti
Cookie tecnici
I cookie tecnici sono necessari al fine di "effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica, o nella misura strettamente necessaria al fornitore di un servizio della società dell'informazione esplicitamente richiesto dal contraente o dall'utente a erogare tale servizio" (art. 122, comma 1 del Codice privacy).
Cookie analitici di terze parti
I cookie analytics sono utilizzati al fine di valutare l'efficacia di un servizio della società dell'informazione fornito da un titolare di un sito, per progettare un sito web o contribuire a misurare il "traffico" di un sito web, ovvero il numero di visitatori ripartiti per area geografica, fascia oraria della connessione o altre caratteristiche.
Cookie di profilazione
Sono cookie che creano profili personalizzati relativi all'utente per finalità di marketing, ad esempio il retargeting o advertising sui social network.

Accetto Chudi