Filoweb.it

Breakpoint Esempio


FB TW Pinterest 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 Pinterest 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 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.
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