Erste Frage zu Stack Overflow, aber ich habe viele Stunden damit verbracht, Antworten zu lesen :)
Ich erstelle eine Heroku Python App und verwende responsive Design Media-Abfragen in meinem CSS Myherokuapp.herokuapp.com. Website sieht gut aus auf Laptop-Browser ... responsive Design-Elemente funktionieren auch. Beim Besuch der gleichen URL auf meinem iPhone wird jedoch eine Seite angezeigt, auf der eine meiner CSS-Dateien (die Medienabfragen) geladen wird, die andere (die Haupt-CSS-Datei) jedoch nicht.
Zwischenspeichert Heroku CSS-Dateien? Ich habe irgendwo gelesen, dass Sie statische Dateien woanders hosten müssen, wenn Sie eine Django-App haben, aber nicht sicher, ob dies für mich zutreffend ist. Ich verwende auch die Flask-Funktion <link rel="stylesheet" href="{{ url_for("static", filename="css/style.css") }}">. Hat das etwas damit zu tun?
Edit: Weiß jemand, wie man den Firefox / Google Inspector auf Mobilgeräten ausführt? Das würde mir wirklich helfen herauszufinden, welche Dateien da sind und was nicht.
Antworten:
0 für die Antwort № 1Fehler gefunden Es war ein sehr, sehr dunkles Rendering-Problem mit dem Text-Indent-Attribut css, das nur das iPhone 5 zu beeinflussen schien.
Außerdem, wenn Sie Google jemals debuggen müssenDurch das Löschen des Cache in Chrome für iPhone wird nichts getan, wenn Sie die App auch nicht aus dem Multitasking-Menü löschen (der Leiste, die angezeigt wird, wenn Sie doppelt auf die Home-Taste tippen). Das hat mich buchstäblich eine halbe Stunde gekostet.