affichage sur mobile ne prend pas toute la largeur

Par chris123456741, il y a 5 ans

Les bases HTML/CSS

Décrivez ici votre problème ou ce que vous cherchez à faire.

Bonjour, **Ce que je veux** Afficher sur toute la largeur d'un mobile en utilisant les mediaqueries **Ce que j'obtiens** Seule une partie de la largeur est utilisée (environ 60 ou 70%) Voici mon code CSS: @media (min-width: 769px) and (max-width: 992px){ .container { font-size: 3rem; font-weight: 200; background-color: purple; color:yellow; text-align: center; } } Et le fait de rajouter ''width:auto'' n'y change rien, Un grand merci par avance. Chris

7 réponses

Curvata, il y a 5 ans

pourquoi répondre exactement ce que j´ai repondu juste avant ?

chris123456741, il y a 5 ans

Bonjour Curvata,
Merci pour ta réponse. Désolé mais c'est toujours pareil.
Tu peux aller voir avec ton mobile si tu as la même chose que moi en allant sur: ftp.comptespersofacile.com
Peut être que chez toi, selon ton tel, cela fonctionne...

Curvata, il y a 5 ans

C'est tes images le problème.

xelek, il y a 5 ans

Bonjour, je pense que le soucis c'est tes images justement

SHAREit MX Player

Elfepee, il y a 5 ans

essaye width: 100%, sinon width: 100vh. regarde aussi qu'un élément parent n'est pas plus petit ;)

chris123456741, il y a 5 ans

Bonjour Elfepee,
Merci pour ta réponse.
width:100vh fonctionne pas mal puisque l'affichage occupe toute la largeur, seulement cela depasse un peu.
Saurais tu dire pourquoi width:auto ne fonctionne pas ?
Merci encore

Curvata, il y a 5 ans
width:auto;

Le container prendra la largeur de son contenu

width: 100vh;

Prendra la hauteur de la fenètre de ton navigateur

Essaies ceci:

body { box-sizing: border-box; } .container { width: 100%; font-size: 3rem; font-weight: 200; background-color: purple; color:yellow; text-align: center; }