3

这是我的代码：

HTML

<div class="sfondo-interne-8601">
    <div style="height:1200px; width:900px;">
        Test
    </div>
</div>

CSS

.sfondo-interne-8601
{
    background-image:url('http://www.deviantart.com/download/247331565/moonlit_tears_by_lifesequencebreak-d439699.png') !important;   
    background-repeat:no-repeat;
    background-position:center top;
}

好吧，尝试创建一个页面并在 iPad 上进行测试：效果很好（图片为 png）。

现在，尝试用 jpg 更改图像（我已经在这里为您选择了一个）。您会注意到新图像将被调整大小（不确定哪些规则）并居中于整个 html 文档的中心/顶部。

为什么？我该如何解决？ipad有限制吗？

只是注意到，如果我使用 .jpg 比 1150px（作为高度）慢，它也可以工作。Safari的错误？

4

1 回答 1

2

在 iOS 上，超过 2MP 的 jpeg 图像被二次采样（在“资源限制”下查看），有效地改变了图像的尺寸。

background-size我推测这在 CSS设置为containor时不会如此明显cover（它仍然会发生，但由于纵横比不会受到影响并且背景大小算法仍然会运行）

如果您希望二次采样的背景图像保持其原始尺寸渲染，您可以添加background-size: 1920px 1200px: before和after。

于 2012-09-11T09:14:26.397 回答