我有一个利用视差的网页。这是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
}
在这种情况下,它并没有完全解决我的问题,但也许我错了。感谢您的帮助。