固定的背景封面会在移动视图中放大 [英] Fixed background cover becomes zoomed in mobile view

问题描述

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

I'm using a fixed background cover for my website here: http://www.datisdesign.com

每个页面的标题图像都很大，但是在诸如手机之类的小型设备中，封面图像会变得很大。我想在移动设备中缩小它。

Every page has a big header image, but in small devices such as mobiles, the cover image becomes so large. I want to make it smaller in mobile devices.

我正在使用的代码：

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

推荐答案

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

I solved my problem by limiting the capability to the large tablet screen size.

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

这篇关于固定的背景封面会在移动视图中放大的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！