Ich dachte, es wäre eine gute Idee, relative Einheiten zu verwenden, um ein neues Projekt von mir zu starten. Während ich daran arbeitete, überprüfte ich die Chrome-Emulation, um sicherzustellen, dass auf diesen Geräten auch alles gut funktionierte, und es sah gut aus.
Dann habe ich es zu Heroku geschoben und es sah gut aus auf meinem Macbook, aber als ich es tatsächlich auf mein iPad geladen habe, wollte ich es aus dem Fenster werfen ...
%Vor%Ich verwende VH-Einheiten. Ich vermute, dass dies das Problem sein könnte?
Möglicherweise liegt ein anderes zugrunde liegendes Problem vor, aber ich bin mir nicht sicher, wie ich mein Problem beheben kann, weil auf dem Emulator alles gut aussieht, aber nicht auf dem Gerät selbst. Ich habe jetzt ungefähr drei Stunden damit verbracht und würde mich sehr über Hilfe freuen.
Danke!
Wie Sie auf caniuse.com
lesen könnenDie teilweise Unterstützung in iOS7 ist auf fehlerhaftes Verhalten der "vh" -Einheit zurückzuführen.
bekannte Probleme:
- Chrome unterstützt keine Ansichtsfenstereinheiten für die Rahmenbreite, Spalte Lücken, transformieren Werte, Box Schatten oder in Calc () bis Version 34.
- iOS Safari (6 und 7) unterstützt keine Ansichtsfenstereinheiten für Rahmenbreiten, Spaltenlücken, Transformationswerte, Boxschatten oder in calc ().
- iOS 7 Safari setzt die Einheitenwerte für Ansichtsfenster auf 0, wenn die Seite verlassen wurde und nach 60 Sekunden zurückkehrt.
- Internet Explorer 9 im Druckmodus interpretiert vh als Seiten. 30vh = 30 Seiten
- iOS 7 Safari berechnet die in vh als vw festgelegten Breiten neu, und die Höhen werden in vw als vh festgelegt, wenn sich die Ausrichtung ändert.
Weitere Informationen zum fehlerhaften Verhalten
Und ein Polyfill Ссылка
Tags und Links html css ios ipad viewport-units