können Sie @media queries benutzen.
<link rel="stylesheet" href="path/to/iphone.css" media="only screen and (max-device-width:480px)"/>
Diese spezielle Version wird das iPhone (und anderes Gerät mit einem Bildschirm von max-device-width
von 480px
Ziel
Apple für das iPhone, obwohl dies aus Speicher, so dass ich nicht ganz sicher sein kann, seine Genauigkeit, wählte die Verwendung von handheld
oder mobile
Stylesheets ignorieren, da es, und andere iOS-Geräte in der Lage, css mehr oder weniger vergleichbar mit Desktop-Browsern, über Safari. Für andere Geräte bin ich mir nicht sicher, exa Natürlich, wie treu sie sind, obwohl der Artikel A List Apart (oben verlinkt) einen kurzen Durchlauf von einigen gibt.
in Reaktion Herausgegeben Kommentar von @Colen:
Hmm, es sieht aus wie eine Menge von neuen mobilen Geräte haben eine höhere Auflösung (z Droid X ist 854x480). Gibt es eine Möglichkeit, diese zu erkennen? Ich denke nicht, dass diese mit dieser Abfrage behandelt werden.
ich nicht in der Lage bin mit Sicherheit zu sagen, da habe ich keinen Zugriff auf diese Geräte jedoch eine andere A List Apart Article: Responsive Web Design stellt fest, dass:
Zum Glück der W3C-Medienabfragen als Teil der CSS3-Spezifikation erstellt , Verbesserung des Versprechens von Medientypen. Eine Medienabfrage ermöglicht es uns, nicht nur bestimmte Geräteklassen anzusteuern, sondern die physischen Eigenschaften des Geräts, das unsere Arbeit abbildet, tatsächlich zu überprüfen. Zum Beispiel wurden Medienanfragen nach dem kürzlichen Anstieg von mobilem WebKit zu einer beliebten clientseitigen Technik, um ein maßgeschneidertes Stylesheet für das iPhone, Android-Telefone und dergleichen zu liefern.
So ich nehme an, dass sie, Android-Geräte müssen von @ media-Abfragen ziel der Lage sein, aber, wie gesagt, ich bin nicht in der Lage, mit Sicherheit zu sagen.
geräte Auflösung zu zielen, ist es ein Beispiel:
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px) and (resolution: 163dpi)" href="shetland.css" />
Weiterführende Literatur: W3 Candidate Recommendation for media queries.
Die meisten Smartphones CSS sie "screen" sind .. .das Sorta macht Sinn angesichts ihrer relativ großen Größe und hohen Auflösung. Einige Teile von HTML/CSS-Standards sind nicht sehr nützlich, und CSS "Handheld" ist einer von ihnen. Verwenden Sie anstelle von CSS-Geräteklassen CSS-Medienabfragen, um tatsächliche Dimensionen zu überprüfen (aber auch das ist wegen des "logischen Ansichtsfensters" etwas schwierig). –
Meiner Meinung nach ist "Handheld" eine perfekt gültige Achse für CSS - manchmal interessiert es Sie nicht, was genau Größe und DPI-Benutzer Bildschirm ist - was Sie * kümmern * aber ist die Art der Interaktion, die sie tun. Ein Handheld bedeutet, dass das Gerät, Bildschirm eingeschlossen, in einer Hand gehalten wird, so dass Sie einige ziemlich genaue Annahmen, zum Beispiel, dass die Bildschirmgröße ist wahrscheinlich nicht größer als 9 "und dass es beabsichtigt, um Armlänge oder verwendet werden soll Diese Dinge sind wichtig, wenn wir für ein Publikum entwerfen: Wir müssen die Pixelzählung stoppen und auf ein "allgemeineres" Plateau kommen. – amn