在iphone / ipad上的背景图像css问题(没有响应)

时间:2012-07-19 21:03:00

标签: css ios

我有一个网站虽然没有响应,但应该在iphone或ipad上查看时显示桌面网站的缩放版本。问题是我的主要背景图像由于某种原因被压缩。如果我调整浏览器的大小,我就无法重新创建这个问题,所以我只是在努力弄清楚导致它的iOS上发生了什么。该网站是 - 任何帮助将不胜感激!

添加信息:问题似乎与div.bg-main及其背景图片设置有关,设置在style.css第243行

3 个答案:

答案 0 :(得分:2)

iOS对背景图像的限制为200万像素。你的图像是1587 * 1340 = 2,126,580像素 - 有点太多了。因此它缩小了它。

您可以使用background-size属性将大小修改为您期望的大小。你会失去一些细节,但它将是正确的大小。将其添加到您的CSS:

.bg-main { -webkit-background-size: 1587px 1340px }

答案 1 :(得分:1)

你可以用2个部分砍掉你的大图像,然后在div中添加2个背景。

像这样:

background: url(1.jpg) top center, url(2.jpg) bottom center

答案 2 :(得分:0)

这个形象很大,也许这就是问题所在。尝试使用“为网络保存”缩小尺寸(尝试让设计与.jpg一起使用)。