Praktiken zur Optimierung von Css für Opera-Mini Browser

Question

Ich weiß, dass Opera unsere Ressourcen durch seine Server tunnelt und Benutzern komprimierte Daten gibt.

Hier sind zwei Websites, die ich mit besuchte Opera-Mini (Android)

1. Github-Github Screenshot Die Tasten suchen unregelmäßig (nicht gepolstert). Hässliche Ränder um Knöpfe/Eingabefelder. Divs sind nicht richtig positioniert. Font sind alle ähnliche Größen. Verwendet die Standard-Fallback-Schriftart. Bilder sind klein (Svg/Png) sind HQ. Bilder überlappen Hyperlinks.
2. Amazonas - Amazon Screenshot Schöne Grenzen. Schriftart-Familie sieht anders aus. Schriftgewicht und Schriftgröße sind ebenfalls richtig (und verschieden). Divs werden floated und in der richtigen Weise ausgerichtet. Bilder (Svg/Png) sind HQ.Images nicht überlappende Hyperlinks.

P. SBeide sehen die Standorte in Mobile Chrome gut.

Die meisten Websites sehen aus wie (1) in Opera-Mini. Und nur wenige andere Shopping-Sites (ebay etc) sieht auch in Opera-Mini richtig optimiert.

Also im Grunde möchte ich die Tricks-Praktiken von CSS wissen, wie Amazon, eBay es schafft, ihre Website so gut aussehen, selbst in diesen Art von mobilen Browsern.

Auch meine Medien-Abfragen funktionieren nicht in Opera-Mini (aber schön suchen in Mobile Chrome)

@media(max-width:480px){ 
    #somerule{ 
       //not working 
    } 
} 

Answer 1

Ich geb High-Level-Beratung, da Ihre Frage auf hohe Ebene als gut.

Gehen Sie zu caniuse.com und suchen Sie gut unterstützte HTML4/CSS2.1 Tags/Attribute. Dies sind meistens diejenigen, an die Sie sich halten müssen, wenn Sie CSS-konform für Opera Mini und Co. schreiben.

Ein weiterer Tipp ist, Ihre Website in Opera Mini immer zu testen, wenn Sie Änderungen vornehmen, um die Einhaltung sicherzustellen. Am besten installieren Sie den Opera Mini Emulator auf Ihrem System und verwenden Sie ngrok, um Ihren lokalen Host zu tunneln. Technische Details sind gut dokumentiert here.

Schließlich würde ich Ihnen empfehlen, this ziemlich schlüssigen Artikel von Bruce Lawson zu lesen. Er berührt auch Medienfragen.

Es wird etwas Versuch und Irrtum dauern, aber Sie werden dort ankommen, wenn Sie hartnäckig sind.