Media queries, le pensse bête pas bête du web (snipet)

Pour connaïtres les tailles d’écrans des différents écran voici un bon site avec les medias queries déjà écrites : http://nmsdvid.com/snippets/

En prime, voici quelques exemple de média queries récurrentes :

1. IPHONE4

 @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { }

2. IPHONE5

@media screen and (device-aspect-ratio: 40/71) {    }    or    
@media screen and (device-width: 320px) 
and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){    }

3. SAMSUNG GALAXY S2

 @media only screen and (device-width: 320px) and (device-height: 533px) and (-webkit-device-pixel-ratio: 1.5) {}

4. SAMSUNG S3

@media only screen and (-webkit-device-pixel-ratio: 2) {    }

5. GOOGLE NEXUS 7

@media screen and (device-width: 600px) and (device-height: 905px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {    }

6. IPAD MINI

@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) {    }

7. IPAD 3

Paysage

@media (max-device-width: 1024px) and (orientation: landscape) {     }

Portrait

@media (max-device-width: 768px) and (orientation: portrait) {     }

8. GALAXY TAB 10.1

Paysage

@media (max-device-width: 1280px) and (orientation: landscape) {     }

Portrait

@media (max-device-width: 800px) and (orientation: portrait) {     }

Ce contenu t’intéresse ?

Abonnes-toi à ma newsletter pour être au courant des prochains articles ! Pas de spam c’est promis -:) [mc4wp_form id= »426″]

Partager l'article

Facebook
Twitter
Google+
Ou (et)

Me suivre sur Facebook

Réseaux sociaux

© 2018 Vincent MARY - N ° SIRET : 50342032500030
4299
4300
4301
4302
4303

Les vendredis #CREATIFS

Prenez une longueur d'avance avec mes conseils et tutos pour créer VOTRE business avec WordPress. Chaque vendredi.

En renseignant votre adresse email, vous acceptez de recevoir chaque semaine nos derniers articles de blog par courrier electronique et vous preneez connaissance de notre politique de confidentialités. Vous pouvez vous désinscrire à tout moment à l'aide des liens de désinscriptions ou en nous contactant à l'adresse [email protected]