Je suis actuellement sur le P5 et avec un autre collègue développeur nous avons des difficultés pour mettre en place le CSS (mobile first).
Nous utilisons bien évidement des médias queries mais ça ne fontcionnne pas quand on passe en mode console (ctrl + shift + i ) et que nous sélectionnons un iPhone par exemple.
Et bien le design, ne change pas et au final le texte n'est pas adapté au device.
Avec Google Chrome faut ajouter d'autre chose que par exmple :
@media all and (max-width: 400px) ?
Merci d'avance pour vos réponses et bonne journée à toutes et tous !
Impossible de répondre sans voir votre code, nous ne sommes pas devins.
Par contre, bien évidemment, je pars du principe qu'à deux développeurs vous avez bien évidemment pensé à ajouter la balise meta viewport dans le head de votre site ?
Impossible de répondre sans voir votre code, nous ne sommes pas devins.
Par contre, bien évidemment, je pars du principe qu'à deux développeurs vous avez bien évidemment pensé à ajouter la balise meta viewport dans le head de votre site ?
Bonjour !
Merci pour ta réponse !
En faite, nous avons éffectivement oublier ça : <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
"maximum-scale=1" c'est à éviter comme la peste. Ça empêche de zoomer et c'est donc un problème majeur d'accessibilité et d'utilisabilité.
(pour les prochaines fois, merci de choisir un titre un peu plus descriptif que "Problème CSS" )
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Problème CSS (Chrome/Opéra)
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)