Ich habe eine Webansicht, die ein Bild anzeigt, wie im folgenden Code gezeigt. Das Paket hat auch eine [email protected] mit Abmessungen von 128x128 für den Einsatz auf dem iPhone4. Das [email protected] wird nie angezeigt. Gibt es eine Möglichkeit, entweder anzuzeigen, oder je nachdem, ob es ein iPhone oder ein iPhone4 ist?
%Vor% Ich glaube nicht, dass der @2x Trick mit Web-Inhalten funktioniert. Klingt wirklich sehr nützlich, aber ich würde sicherlich einen Fehler bei Apple einreichen, um das zu verlangen.
Wenn Sie den obigen HTML-Code aus Ihrer App generieren, denke ich, dass der beste Weg für den Augenblick darin besteht, zu erkennen, ob Sie auf einem Retina-Display-Gerät laufen und dann den Bildnamen manuell anpassen.
Sie können die Retina-Anzeige folgendermaßen erkennen:
%Vor%(Nahm den Code von einer Antwort, die ich hier in SO gefunden habe)
Der Weg dazu ist mit CSS-Hintergründen. Einfach all deine 2x-Sachen in einen CSS-Unterabschnitt einbetten. Der Schlüssel ist auch, die -webkit-Hintergrundgröße festzulegen. Hier ist ein Beispiel für den Teil des css (sowohl Retina als auch nicht) für ein div mit dem id Ampersand, der als Bild fungiert.
%Vor% Dies ist derzeit am besten, indem Sie Ihre Bilder in Ihrer CSS-Datei mit der Eigenschaft background-image referenzieren. Dann können Sie eine spezielle CSS-Datei verwenden, die nur von Geräten mit hochauflösenden Bildschirmen geladen wird, um diese Eigenschaften zu überschreiben.
Siehe diesen Blogbeitrag für weitere Informationen.
Tags und Links iphone image uiwebview high-resolution