我有一个网站，虽然没有响应，但在 iphone 或 ipad 上查看时应该只显示桌面网站的缩放版本。问题是我的主要背景图像由于某种原因被压缩。如果我调整浏览器的大小，我将无法重现这个问题，所以我只是在努力找出导致它的 iOS 上发生了什么。该网站是 - 任何帮助将不胜感激！
添加信息：问题似乎与 div.bg-main 及其背景图像设置有关，设置在 style.css 的第 243 行
问问题
3401 次
3 回答
2
iOS 对背景图像有 2 兆像素的限制。您的图像是 1587*1340 = 2,126,580 像素 - 有点太多了。因此它会缩小它。
您可以使用该background-size属性将大小修复为您期望的大小。你会丢失一些细节，但它会是正确的大小。将此添加到您的 CSS 中：
.bg-main { -webkit-background-size: 1587px 1340px }
于 2012-07-19T21:23:32.460 回答
1
您可以用 2 个部分切割大图像并将 2 个背景添加到 div。
像这样：
background: url(1.jpg) top center, url(2.jpg) bottom center
于 2014-06-05T08:55:20.173 回答
0
那个图像很大，也许这就是问题所在。尝试使用“保存为网络”来减小尺寸（尝试让设计与 .jpg 一起使用）。
于 2012-07-19T21:15:24.180 回答