a écrit :
=Croutsti2le fait de mettre des media queries rallonge le fichier css.

Crousti2 a écrit :
des sites mobiles fait avec media queries, ont pas mal d'erreur dans le W3C validator mobile

crousti2 a écrit :
Et quelles sont les valeurs en px les plus adaptées pour les media queries ?

@media handheld, only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
 /* Les propriétés CSS ici */
}
@media (max-device-width: 1024px) and (orientation: landscape) {
 /* Les propriétés CSS ici */ 
}
@media screen and (min-width: 400px) and (max-width: 700px) { 
    /* Les propriétés CSS ici */
}
@media screen and (min-device-width: 800px) {
    /* Styles appliqués aux terminaux ayant 
une résolution mini de 800px */
}
/* Orientation Portrait */
@media screen and (orientation:portrait) {
    /* Styles à adapter pour le mode portrait */
}
/* Orientation Paysage */
@media screen and (orientation:landscape) {
    /* Styles à adapter pour le mode paysage */
}
@media screen and (device-aspect-ratio: 16/9) { … }
@media screen and (device-aspect-ratio: 1280/720) { … }

jmlapam a écrit :
Salut la résolution standard du web c'est 1024x768 px.

jmlapam a écrit :
le fait de mettre des media queries rallonge le fichier css.

Comme toute autre propriété.

jmlapam a écrit :
Au niveau CSS, les erreurs validateur c'est pas d'une importance capitale.

Crousti2 a écrit :
Un site mobile en media queries n'est pas plus lent qu'un site mobile à part ?

Crousti2 a écrit :
@media queries est détecté comme une erreur

Crousti2 a écrit :
le fait de mettre des media queries rallonge le fichier css.

Crousti2 a écrit :
Muchos oui dans le CSS mais va tester un site avec W3C mobile validator il dit que @media est une erreur c'est tout j'invente pas.

Patidou a écrit :
C'est 1024 pour les iPad et 1280 pour les tablettes Android.