gpt4 book ai didi

html - 某些网站图片无法在 iPhone 上正确显示

转载 作者:行者123 更新时间:2023-11-28 17:33:06 26 4
gpt4 key购买 nike

我开发了一个响应式网站,就在我认为它完美并准备发布时,我发现主页上的图片在 iPhone 上无法正常显示(我在 Android 上测试时开发了该网站,所以直到现在我对 iPhone 的怪异之处一无所知)。图像应该适合屏幕的宽度(我已经设置了 max-width: 100%; 在它们上面),但它们被拉伸(stretch)和像素化的方式超出了它们的实际分辨率。

奇怪的是,站点的任何其他页面上的图像都显示得很好。我认为问题的根源在于主页上的图像实际上是通过 CSS 背景属性设置的,而其他地方的图像是在 <img> 中设置的。 HTML 中的标签。所以我注释掉了 CSS 文件中的“背景”声明,而是使用 <img>主页上的标签,就像其他地方一样。当我对第一张图片这样做时,它显示得很好。然而,一旦我将其余图像转换为 HTML,它们就会恢复到之前的丑陋状态。

我的老板(可以使用 iPhone)给我发了这个视频(很抱歉它没有聚焦,但你明白了):https://www.youtube.com/watch?v=_vFJVZiBc3Q

他滚动过去的前四张图片应该都放在首屏上方,而您只能看到实际图片的左侧 ~1/10,这就是它被拉伸(stretch)的距离。

我在这里没有想法。我需要为 iPhone 做些什么特别的事情吗?随着<img>标记,这些照片的格式应与其余工作图像的格式相同。

提前致谢!

最佳答案

事实证明,这是一个因我而异的问题。抱歉上面含糊不清,我真的不知道在 iPhone 上我应该寻找什么。有问题的图像包含在 <div> 中。 s 我在其中指定了以 vh 为单位的高度。作为任何阅读本文的人的 future 引用,你显然不应该那样做。将高度更改为百分比单位解决了这个问题,它在 Android 和 iPhone 上显示都很好!

关于html - 某些网站图片无法在 iPhone 上正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25613309/

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