Tu peux effectivement surcharger tes CSS avec ces propriétés. Pour ma part, je l'utilise ainsi dans une feuille de style :
/*
CSS "normal" ici /
/ mobile /
@media screen and (max-width: 767px) {
/ surcharges ici /
}
/ tablet & small laptop /
@media screen and (min-width: 768px) and (max-width: 1023px) {
}
/ desktop */
@media screen and (min-width: 1024px) {
}
Ça marche bien pour tout le monde.
Et ne pas oublier la balise dans l'en-tête "head" :
meta name="viewport" content="width=device-width, initial-scale=1.0"
qui va prendre en compte la taille réelle de l'écran. initial-scale va dire de zoomer à la taille normale par défaut.
Le maximum scale est à bannir, il empêche le zoom.
[^] # Re: Tu veux du Responsive Web Design
Posté par Bajazet . En réponse au journal LinuxFr sur Desktop et tablette. Évalué à 3.
Tu peux effectivement surcharger tes CSS avec ces propriétés. Pour ma part, je l'utilise ainsi dans une feuille de style :
Ça marche bien pour tout le monde.
Et ne pas oublier la balise dans l'en-tête "head" :
qui va prendre en compte la taille réelle de l'écran. initial-scale va dire de zoomer à la taille normale par défaut.
Le maximum scale est à bannir, il empêche le zoom.
10 petits conseils http://www.splio.fr/10-petits-conseils-en-responsive-design . Bon courage :)
Celui qui a échappé à la foudre en parle volontiers