内容滚动背景 - 移动

时间:2015-03-12 01:08:52

标签: html css mobile

对于花费100%视口的div,我有以下CSS。

.content
{
background-image: url('../images/content_bg.png');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
color: white;
}

在桌面上,这很好用。即使我将桌面窗口缩小到移动尺寸,它仍然看起来像我想要的那样。

但是,无论是在Android还是iPhone上,背景都缩放到div的整个大小,这极大地扭曲了它。

我希望它保持成比例,但让内容滚动它。

我也尝试删除背景尺寸:封面。这使它看起来我想要它,但它显然没有覆盖div,所以我有一堆内容已经溢出。

我正在使用最新的更新运行更新的Android和iPhone,我认为它支持固定的背景,所以我不知道出了什么问题。当我删除固定时,桌面版看起来就像在移动设备上一样。因此,出于某种原因,似乎已修复的问题不适用于移动设备。

0 个答案:

没有答案