移动Safari中的最大图像宽度?在panos上得到不必要的缩小

我想在移动Safari(iPhone、iPod、iPad)中显示非常宽的全景图像。这些在osxsafari和其他浏览器中运行良好,但在mobilesafari上,似乎对最大图像宽度有限制。

请考虑以下网页:

http://basepath.com/public/test1.html

使用此来源:

<!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>

这正是我在移动Safari上想要的。你可以平移照片。宽高比约为3.2:1。

[ http://]basepath.com/public/test2.html

[我的低声誉使我无法提供上述链接。仅限一个。]

资料来源相同,但评注和图片除外:

<!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>

在回答之前,还有一些额外的事实:

1. 图像#2不工作,只有200K(非常低的JPEG质量)。图片#1是700K,所以大小不是问题。

3. 我试过了,但没有什么效果。

1. Mobile Safari显示图像的宽度有限制吗?有人知道它的文档吗?如果知道,规则是什么?

2. 有什么办法可以解决这个问题吗?我已经花了很多时间尝试用JavaScript来构建动态HTML来完成这项工作,但是,正如我上面所说的,我认为问题发生在第一次下载图像时,对于JavaScript所做的任何事情来说都太早了。