gpt4 book ai didi

iphone - Mobile Safari 中的最大图像宽度?在全景上进行不必要的缩小

转载 作者:行者123 更新时间:2023-12-03 19:06:13 25 4
gpt4 key购买 nike

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

考虑这个网页:

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>

它完全符合我在 Mobile Safari 上的要求。您可以平移照片。长宽比约为3.2:1。

但更宽的图像(大约 4: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>

您必须在 Mobile Safari 上查看这些内容才能发现问题。

在回答之前,先了解一些额外的事实:

  1. 图像#2 不起作用,只有 200K(JPEG 质量非常低)。图片 #1 确实如此,大小为 700K。所以尺寸不是问题。

  2. 在 IMG 元素上放置明确的宽度和高度确实可以使图像达到正确的尺寸,但它被放大了,因此有锯齿。我想要实际像素。因此,问题似乎出在最初加载图像,而不是处理图像以进行演示。

  3. 我在没有视口(viewport)元数据的情况下尝试过,没有效果。

好的,现在回答我的问题:

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

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

最佳答案

我发现了一些关于在移动 safari 中是否自动缩小图像所应用的规则的信息:

http://teknocat.org/blog/computer-stuff/web-development/show/6/mobile-safari-background-image-scaling-quirk

关于iphone - Mobile Safari 中的最大图像宽度?在全景上进行不必要的缩小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3720316/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com