largeur maximale devrait être largeur, mais pas

Question

J'ai vérifié la documentation sur plusieurs sites, et ils sont tous d'accord que max-width devrait surcharger width en CSS. Pour une raison quelconque, cependant, il reste toujours à 800px. Ceci est mon CSS:

.content{ 
    width: 800px; 
    max-width: 100%; 
} 

Cela devrait être fait-il rester à 800px de large à moins que la fenêtre devient plus petit, puis réduire, non? J'ai aussi essayé l'inverse:

.content{ 
    width: 100%; 
    max-width: 800px; 
} 

Cela me donne le même résultat. C'est toujours 800px, peu importe quoi. J'avais pensé à utiliser min(), mais il s'avère qu'il a été retiré de CSS (bien que, je n'en ai aucune idée). Est-ce que quelqu'un sait ce que je fais mal?

Je dois préciser que j'ai inclus <meta name="viewport" content="width=device-width, initial-scale=1.0"> dans mon en-tête. Cela n'a aucun effet.

Answer 1

Vous devez savoir que la largeur du périphérique peut être supérieure à 800px, si ti est supérieure à 800px, donc votre max-width: 100% ne fonctionnera que si d'autres doms que 800px distraient le wrapper.