我有一个网站,虽然没有响应,但在 iphone 或 ipad 上查看时应该只显示桌面网站的缩放版本。问题是我的主要背景图片由于某种原因被压缩了。如果我调整浏览器的大小,我无法重现这个问题,所以我只是在努力找出导致它的 iOS 上发生了什么。该网站是 - 任何帮助将不胜感激!
补充信息:问题似乎出在 div.bg-main 及其背景图像设置上,设置在 style.css 的第 243 行
最佳答案
iOS 对背景图像有 2 兆像素的限制。您的图像是 1587*1340 = 2,126,580 像素 - 有点太多了。因此它缩小了它。
您可以使用 background-size
属性将大小恢复到您期望的大小。你会丢失一些细节,但它的尺寸是正确的。将此添加到您的 CSS:
.bg-main { -webkit-background-size: 1587px 1340px }
关于css - iphone/ipad 上的背景图像 css 问题(无响应),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11569254/