css - iphone/ipad 上的背景图像 css 问题(无响应)

标签 css ios

我有一个网站,虽然没有响应,但在 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/

相关文章:

ios - 如何解码 objective-c 中的特殊字符

html - 淡出文本颜色(纯 css)

javascript - 鼠标向上 - 在 Div 之外单击在移动设备上不起作用

ios - 如何在 NSMutableArray 中对对象进行分组并在 Objective-C 中划分为单独的 NSMutableArray

ios - Objective c unicode char* 到 NSString

iphone - 显示仅包含以 'A' 开头的名称的地址簿 View ?

css - 如何让页面缩小时边框消失?

javascript - 从 Javascript 附加 HTML 代码

javascript - 页面上的 Accordion 需要让其中一个框保持打开状态并且不可折叠

ios - 尝试建立 SQLite 连接/语句时应用程序崩溃