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

Question

我正在使用 http://keithclark.co.uk/articles/pure-css-parallax-websites/ 制作视差网站。

我已经全部完成并且看起来很棒，但是如果我调整屏幕大小 window 里面的所有项目都会相互重叠。我现在的问题是，当屏幕尺寸约为 ipad 尺寸或更小时，我如何才能响应 'deletes' 视差。所以我有 'normal' 页。

Answer 1

只需用 @media 查询包装您的代码，例如。 g.:

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

那么此代码将仅适用于具有 min-width: 700px 的屏幕。