这是我的代码：iPad的Safari在渲染jpg作为背景图时遇到问题？

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的错误？

来源

2012-09-11 markzzz

在iOS上，jpeg images of over 2MP get subsampled（看下的“资源限制”），从而有效地改变图像的尺寸。

我猜测这会不会与CSS background-size设置为contain或cover如此明显的表现（它仍然会发生，但由于长宽比将不会受到影响，背景浆纱算法将仍然运行）

如果你想为子采样的背景图像，以保持其原始尺寸呈现，可以添加background-size: 1920px 1200px：before和after。

来源

2012-09-11 09:14:26

超过200万？这不是2MP！那个jpeg是389,37kB。事实上，将jpeg 1900x1200保存为30％的质量我得到了同样的问题...所以这是一个尺寸的痛苦！设置：盖似乎很有用。希望它不要伤害IE :) – markzzz

@markzzz：在389.37KB *文件*大小是无关紧要的，因为* *图像尺寸为200万像素以上：1900px * 1200像素= 2280000px = 2.28MP –

我也注意到这样的背景下，大小“的变化“图像的大小，如果我调整浏览器的大小。 Damnnnn .... – markzzz

iPad的Safari在渲染jpg作为背景图时遇到问题？

HTML

CSS

回答

相关问题