Filoweb.it

Breakpoint Esempio


FB TW G+ whatsapp RSS FEED News letter
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) 
FB TW G+ whatsapp RSS FEED News letter

filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito 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 Piccolo quaderno degli appunti. Argomento: CSS, Titolo:Breakpoint Esempio. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it