Partage

Problème CSS (Chrome/Opéra)

Projet 5 - CPM Développement

12 février 2018 à 5:32:57

Bonjour à toutes et à tous !

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 !

Vous êtes demandeur·se d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur·se web junior

Je postule
Formation
courte
Financée
à 100%
12 février 2018 à 9:30:54

Bonjour,

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 ?

Recherche l'avis de développeurs front : Devenir un meilleur dev front ?
13 février 2018 à 14:38:07

Mewen_bzh a écrit:

Bonjour,

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">

Problème résolu !

Bonne continuation !
Staff 13 février 2018 à 15:16:18

Bonjour,

"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 ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!

Problème CSS (Chrome/Opéra)

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown