2017-03-21 1 views
0

deaktivieren Ich habe Website, die gut funktioniert, wenn in Desktops und Android-Gerät geöffnet, aber wenn ich in iOS-Geräten wie Iphone und Ipad öffnen, wurde der Hintergrund nicht wie auf anderen Geräten behoben, es wird den Hintergrund erweitern und Leerraum auf der rechten Seite der Seite erstellen, und ich habe user-scalable=no, um den Benutzer kann nicht zum leeren Bereich scrollen, aber immer noch nicht funktioniert. Eigentlich verwende ich bereits overflow-x: hidden;, aber meine Navbar funktioniert nicht wie üblich, die href ging nicht zur Ziel-ID. Zum Beispiel, <a href="#news">news</a></li> sollte es zu den div id Nachrichten gehen, aber es geht nach dem Zufallsprinzip. Also, was sollte ich verwenden, um zu verhindern, dass Benutzer in iOS scrollen? Wie scroll overflow x in iOS mit CSS

dies ist das Beispiel für den leeren Raum in iOS:

the page the blank space

Antwort

0

iOS Safari hat einen eigenen Satz von Problemen ist. Es tendiert im Allgemeinen dazu, alle Überläufe zu ignorieren: Versteckt geben Sie Körper und HTML. Die einzige Lösung, die ich bis jetzt gefunden habe, war, entweder den Körper genau so groß wie das Ansichtsfenster zu machen und den Inhalt darin zu scrollen, oder einfach die Position des Körpers zu fixieren, falls der Hintergrund scrollen sollte, wenn oben ein schwebender Inhalt ist dass Sie scrollen möchten.

+0

können Sie ein Beispiel geben? vielleicht, wie ich den Körper genau die Größe von Iphone 5 mache, wenn Benutzer mit Iphone 5 geöffnet? danke – Rian

+1

max-höhe: 100vh; maximale Breite: 100vw; – wrick17

+0

ist es auf Körper oder Ansichtsfenster? es kann immer noch nach rechts scrollen – Rian