Stylesheets und mobile Browser

Question

Ich bin mir sicher, wenn ich diese Frage auch in anderen Threads gestellt habe ... aber meine Frage ist immer noch unbeantwortet ... was ich wissen muss ist, dass Opera mini verwendet wird ... oder surfen Website auf dem Handy .. gibt es bestimmte Einschränkungen bei der Verwendung von HTML oder CSS? Ich war total verwirrt mit bestimmten Begriffen wie Screen Stylesheets und Handheld Stylesheets ... während ich den Medientyp erhielt, gab es eine Erwähnung, dass wir einige Screen- oder Handheld-Stylesheets verwenden mussten ... abhängig vom Medientyp ... einfach nicht sicher wie sonst zu fragen ....

Answer 1

Sheets für media=handheld sollte von mobilen Browsern verwendet werden, aber sobald Browser weiter fortgeschritten wurde, Browser-Hersteller begonnen media=handheld ignorieren, weil sie media=screen jetzt angezeigt werden können (Browser wählt, welche Medien unterstützt).

Ein modernerer und viel flexiblerer Ansatz besteht darin, CSS3 Media Queries zu verwenden, mit dem Sie bestimmte Stile nur dann festlegen können, wenn die ausgewählten Kriterien übereinstimmen, z. Mindestbildschirmgröße Denken Sie jedoch daran, dass mobile Browser virtuelle Bildschirmansichten (gezoomt) in width Medienabfragen und device-width näher an der physischen Größe melden.

Answer 2

Mobile Browser können Einschränkungen für einige HTML- oder CSS-Regeln haben, so wie jeder Browser-Anbieter seine Besonderheiten zu diesem Thema hat. Sie müssen überprüfen, was für die mobilen Browser, die Sie entwickeln, funktioniert oder nicht.

Die Medientypen (Bildschirm, Handheld usw.) werden von CSS definiert, sodass Sie verschiedene Stylesheets für verschiedene Medienarten verwenden können. Sie können also den gleichen Inhalt für jede Medienart unterschiedlich anzeigen. Beachten Sie, dass die Typen Bildschirm, Handheld usw. keine Fenstergrößen definieren, sondern nur unterschiedliche Gerätetypen. Überprüfen Sie die Links unten, um ein besseres Verständnis davon zu bekommen:

http://www.w3.org/TR/CSS2/media.html

http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Hoffe, es hilft!