如果屏幕尺寸仅小于... css，则删除视差

Question

我正在使用http://keithclark.co.uk/articles/pure-css-parallax-websites/创建一个视差网站。

我已经完成了所有并且看起来很棒，但是如果我调整屏幕窗口的大小，那么所有内部物品都会相互重叠。我现在的问题是，当屏幕大小约为ipad大小或更小时，我如何能够做出“删除”旁白的响应。所以我有'普通'页面。

Answer 1

使用@media查询包装您的代码，例如： G：

@media (min-width: 700px) {
    // your code
}

然后，此代码仅适用于min-width: 700px的屏幕。