affichage sur mobile ne prend pas toute la largeur

chris123456741
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

Elfepee

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

chris123456741
Auteur

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 
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;
}
chris123456741
Auteur

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

C'est tes images le problème.

xelek

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

SHAREit MX Player

Curvata

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