如何在移动设备上禁用我的视差效果?

时间:2017-09-26 19:24:29

标签: html css mobile

我有一个利用视差的网页。这是CSS中的视差代码:

.parallaxOne {
    background-image: url("img.JPG");
    height: 100%; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

我想在用户使用手机时禁用该功能。这就是我所做的:

@media (max-width: 768px) {
    .parallaxOne {
        background-image: url("1.JPG");
        background-size: 100%;
    }
}

我还想要改变很多其他东西,但我想在解决这个问题之后会跟进。

我从另一篇文章中得到了这个:

@media (max-width: 768px) {
  //stuff
}

在这种情况下,它并没有完全解决我的问题,但也许我错了。感谢您的帮助。

0 个答案:

没有答案