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

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%;

我希望这有帮助