Seite verschieben nach Links und rechts, während Sie im mobilen browser

Ich bin an einem Projekt arbeiten und ich bin zu einem großen Problem. Ich benutze bootstrap, und ich muss die Seite in voller Breite. Ich bin mit container-fluid. Alles funktioniert einwandfrei auf dem desktop, sondern über mobile die Seite bewegt Seite zu Seite, als wenn der container größer als das display. Es gibt keine scroll-Leiste, aber Sie kann es bewegen mit dem finger, es fährt nur ein kleines bisschen, aber es ist ärgerlich. Ich weiß gar nicht, wo schauen Sie nicht mehr. Sein eine Website gebaut, auf der Sparkpay CMS und nutzt die bootstrap-3. Ich bin mir auch nicht sicher, wie Sie beziehen sich auf das problem, ich habe auf der Suche nach Lösungen online, aber ich bin nicht der Suche eine Menge Beiträge ähnlich zu meiner situation.

Den link ist:
https://store55652.mysparkpay.com/

Ich weiß, ich soll auf post code, aber ich bin wirklich ratlos hier. Ich habe abgekocht durch alle meine CSS(es gibt ein paar Dateien), ich kann es herausfinden. Jede Hilfe wäre hier sehr willkommen.

  • versuchen Sie die Umstellung auf bootstrap 3.3.7
  • Chrome developer tools (oder die Entwickler-tools Ihrer Wahl), um zu sehen, welche Elemente fallen außerhalb Ihres body element (sieht aus wie nur die navbar). Alle Antworten, die beinhalten die Einstellung overflow-x:hidden auf die body sind nur arbeiten, Tips und Tricks, die nicht an die Wurzel des Problems.
InformationsquelleAutor adam g | 2017-06-21
  1. 7

    Dies funktioniert für mich

    html, body {width: auto!important; overflow-x: hidden!important}
    InformationsquelleAutor Vlad Alivanov
  2. 1

    Scheint auch auf dem desktop können Sie einen Bildlauf nach Links/rechts.

    Den einfachen Weg, das zu beheben ist hinzuzufügen:

    html {
  overflow-x: hidden;
}

    Aber eigentlich sollte man den überlauf-Elemente. Zum Beispiel legen Sie Polster Links/rechts 0 für " container-fluid, dann sollte man mit margin-left/right 0 für Zeile, als auch(jetzt ist -15px). Sonst wird es aus dem container.

    InformationsquelleAutor copia li
  3. 0
    overflow-y: scroll; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;

    Kopieren Sie einfach diesen code in den Körper und text. Ich werde dir helfen,

    • Warum sollte das Antwort-OP in Frage ?
    InformationsquelleAutor nyi
Schreibe einen Kommentar