固定背景封面在移动视图中变焦

Question

我在我的网站上使用固定的背景封面：http://www.datisdesign.com

每个页面都有一个大的标题图像，但在手机等小型设备中，封面图像变得如此之大。我想在移动设备上缩小它。

这是我使用的代码：

#takelessons {
    background: url(../img/portfolio/takelessons-intro.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
}

Answer 1

你走了:)）

将以下内容添加到您的风格中......

background-size:100%;
width:100%;

我希望这会有所帮助

Answer 2

我通过将功能限制在较大的平板电脑屏幕大小来解决了我的问题。

@media screen and (max-width: 992px) {
    #parallax {
        background-attachment: scroll;
    }
}

Answer 3

试试这个

background: url(image.format) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;