ich auf dieser Webseite arbeite: http://dev.mailagent.biz/cms/NEWSSafari 9 (in iOS9) ignoriert CSS-Einstellungen
Es reagiert HTML, die in allen Browsern, alle Fenstergrößen gut funktioniert. Es funktionierte auch auf iPhones gut, bis iOS9 wurde. Jetzt ist die ganze Seite kaputt. Zusätzliche Ränder (ich vermute) wurden hinzugefügt, was bedeutet, dass alle Felder viel Leerraum haben. Unten ist ein Screenshot von meinem iPad.
stelle ich das Ansichtsfenster als
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
ich die Ränder auf 0 versucht, Einstellung und auch auf negative Werte, aber die Boxen nicht bewegen. Ich habe auch versucht, alle Leerzeichen zwischen Div-Tags zu entfernen, ohne Änderung.
ich eine reaktions CSS für alle Browser verwenden: dev.mailagent.biz/cms/css/main_responsive.css Dann diese eine speziell für iOS9 Befestigung: http://dev.mailagent.biz/cms/css/iOS9.css
Allerdings sind die meisten der Arten noch ignoriert insbesondere mit Margen. Z.B. Das iOS9-Stylesheet sollte die gesamte Site nach links ausrichten (.CenteredWrapper hat margin: 0 not margin: auto). Ich weiß, dass die iOS9.css für iPhones/iPads, wie z. Einige Ränder und Farben wurden im Menü oben im Vergleich zur Desktop-Version erfolgreich geändert.
Hat jemand eine Idee was los ist? Wie kann ich Safari sagen, dass es aufhören soll, clever zu sein? Oder wie soll ich mein Markup ändern?
es in Safari Schauen Sie sich auf einem Computer als auch. Sieht dort gleich aus und ist wahrscheinlich leichter zu debuggen! –
Ich sehe in Safari viele "Ungültige CSS-Eigenschaftsdeklarationen" Warnungen, die alle auf * Eigenschaftsselektoren in zwei Stylesheets bezogen sind. Ich weiß nicht, ob das etwas damit zu tun hat. –
ja, seit Desktop-Safari auf 9.0 aktualisiert hat es das gleiche Problem. Es gibt definitiv ein Problem mit der CSS-Validierung wie in der Antwort unten. Vielen Dank! – Elendurwen