Überlauf Probleme auf dem mobilen Gerät

Question

Es gibt ein Problem, das mich verrückt machen. Ich ändere eine Website, wo im schlimmsten Fall die 100% der Seite zu sein scheint. Ändern der Größe des Browserfensters die Situation ist die gleiche. Nur auf mobilen Geräten ist die Seite breiter als der Bildschirm einiger Pixel. Ich kann die Seite berühren und verschieben. Ich habe bereits alle hier gefundenen Vorschläge versucht, auf Stack Overflow: Ich finde nicht übergelaufene divs, mein HTML hat die Breite 100%, es gibt keine Mindestbreite divs in Geräten. Meine Website ist test.fypper.com Was könnte das Problem sein?

Answer 1

Ich habe versucht, die Klasse .container div id hinzuzufügen, aber es verhält sich sehr seltsam. Ich bin mir nicht sicher, ob du die Bootstrap-Richtlinien richtig befolgst, also solltest du dich wahrscheinlich damit befassen.

Wie auch immer, wenn Sie eine schnelle Lösung wollen, fügen Sie .container-fluid#home div und wahrscheinlich padding: 10px; von div #content entfernen.

Ich habe nicht auf andere Seiten geschaut, Sie könnten divs wie #another-page und #even-another-page anstelle von haben. Sie können einzeln nacheinander container-fluid hinzufügen, aber um Ihre Zeit beim Schreiben zu sparen, verwenden Sie einen allgemeineren Wrapper in Ihrer Vorlage. Zum Beispiel main Tag mit .container-fluid Klasse.

Answer 2

Das Problem gibt es nicht, wenn ich ersetzen "padding: 20px 0" mit padding-top: 20px; padding-bottom:.. 20px;“ nun links und rechts Polsterung ist 15px Der Behälter 100% breit ist Mein Problem ist gelöst, aber ich verstehe nicht, warum der Container in einigen mobilen Browsern 15px Padding links und rechts benötigt