J'ai la question que sur les appareils mobiles avec une taille d'écran moins / égale 320px Le contenu n'est pas indiqué à 100% de large que vous pouvez voir dans cette image:
J'ai également téléchargé les fichiers ici: http://files.ailola.com/tmp/v1/privacy.php
J'ai pu comprendre les points suivants:
Suppression de la feuille de style lié ne résout pas le problème ni.
Je ne comprends tout simplement pas la raison. Avez-vous une idée? Merci beaucoup pour votre aide.
4 Réponses :
Il existe plusieurs paragraphes sur votre page qui déborde du conteneur en raison de la stratégie d'emballage de mots par défaut.
Pour résoudre le problème, appliquez Word-Break ou Overflow-Wrap style à votre paragraphe: ou 
Merci Dipen. J'apprécie ton aide. Je n'aurais pas compris cela par moi-même.
J'ai corrigé ceci avec ce qui suit: < img src = "https://i.stack.imgur.com/lh8yi.png" alt = "capture d'écran"> Le problème est parce que, à l'intérieur du contenu, vous avez des liens, Ce sont comme un mot entier, le conteneur a donc tendance à s'adapter au mot le plus long (ce problème est présent dans certaines langues qui ont des mots ou des expressions longs). Dans ces cas, vous devez utiliser la propriété EDIT: Word-break . Vous pouvez trouver plus Info ici
Apparemment, la valeur Break-Word de la propriété Word-break est obsolète. Vous pouvez également utiliser la propriété overflow-wrap avec la valeur break-word , car il est un effet similaire.
Merci, tige. Très appréciée!
Ensemble initial-échelle = 1 à l'intérieur de la balise META ViewPort dans le numéro de ligne 6
Bonjour Santanu, j'ai essayé ça, mais cela n'a pas résolu le problème. La solution consiste à ajouter une pellicule de débordement: mot-rose.
Nous devons donner La propriété Word-Break Spécifie comment les mots doivent casser lors de la fin d'une ligne. P > largeur: 100% code> à en-tête, pied de page et #Container. p {
word-break: break-word;
}
@media only screen and (max-width: 767px) {
header, footer, #container {
width: 100%;
padding: 0 25px;
}
}
Quelqu'un a une idée de résoudre ce problème? Je ne pouvais toujours pas trouver une solution.
Je ne sais pas si cela vous aiderait mais, avez-vous essayé d'utiliser le phare de Chrome dans le menu Inspecter? Habituellement, le phare donne de bons conseils sur la manière de réparer la vue mobile. Je pense que cela a à voir avec l'une de vos balises de méta, mais je ne suis pas trop sûr (je pense que le méta-Viewport)
Eh bien, votre problème est absolument dans le style la taille de la police , vous devez vérifier celles-ci.