Max Bildbreite in Mobile Safari? Unerwünschtes Downscaling auf panos
Ich möchte in Mobile Safari (iPhone, iPod, iPad) sehr breite Panoramabilder anzeigen. Diese funktionieren in OS X Safari und in anderen Browsern einwandfrei, aber in Mobile Safari scheint die maximale Bildbreite begrenzt zu sein.
Betrachten Sie diese Webseite:
http: //basepath.com/public/test1.htm
mit dieser Quelle:
<!DOCTYPE HTML>
<html>
<head>
<meta name = 'viewport' content = 'width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'>
<title>Test Image 1</title>
</head>
<body>
<p>
2415 x 750 (about 3.2:1)
<p>
<img src='http://farm5.static.flickr.com/4129/4987348894_76194e79d6_o.jpg' />
</body>
</html>
It macht genau das, was ich auf Mobile Safari will. Sie können das Foto verschieben. Das Seitenverhältnis beträgt ca. 3,2: 1.
Aber ein breiteres Bild, etwa 4: 1, wird verkleinert, wie auf dieser Seite zu sehen ist:
[http: //] basepath.com/public/test2.htm
[Mein geringes Ansehen hindert mich daran, die oben genannten Informationen als Link bereitzustellen. Beschränkt auf nur eine.]
Die Quelle ist bis auf den Kommentar und das Bild identisch:
<!DOCTYPE HTML>
<html>
<head>
<meta name = 'viewport' content = 'width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'>
<title>Test Image 2</title>
</head>
<body>
<p>
3028 x 750 (about 4:1)
<p>
<img src='http://farm5.static.flickr.com/4113/4994072964_1a7f7f90fe_o.jpg' />
</body>
</html>
Sie müssen diese auf Mobile Safari anzeigen, um das Problem zu erkennen.
Bevor Sie antworten, einige zusätzliche Fakten:
Image # 2, das nicht funktioniert, ist nur 200 KB groß (sehr niedrige JPEG-Qualität). Image Nr. 1 ist 700 KB groß. Größe ist also nicht das Problem.
Das Einfügen einer expliziten Breite und Höhe in das IMG-Element bewirkt zwar, dass das Bild die richtige Größe hat, aber es ist vergrößert und weist daher Unebenheiten auf. Ich möchte tatsächliche Pixel. Das Problem scheint daher darin zu bestehen, dass das Bild ursprünglich geladen und nicht für die Präsentation verarbeitet wird.
Ich habe es ohne das Viewport-Meta-Zeug ausprobiert, ohne Wirkung.
OK, jetzt zu meinen Fragen:
Gibt es tatsächlich eine Begrenzung für die Breite, mit der Mobile Safari ein Bild anzeigt? Kennt jemand die Dokumentation dafür und wenn ja, welche Regeln gelten?
ibt es eine Möglichkeit, das Problem zu umgehen? Ich habe einiges mit JavaScript herumgespielt, um zu versuchen, dynamisches HTML zu konstruieren, um die Aufgabe zu erledigen, aber, wie ich oben sagte, tritt das Problem vermutlich auf, wenn das Bild zum ersten Mal heruntergeladen wird, viel zu früh, um irgendetwas in JavaScript zu tun Wirksam