jquery - 根据页面宽度在我的页面上显示元素

Question

我想根据页面的宽度调整 View 中显示的元素。假设页面宽度大于 800 px，那么我想显示 div A + div B(见下图)。

但是如果页面宽度小于或等于600px，那么我只想显示div A。

它必须是动态的。因此，如果用户调整窗口大小，则必须显示或隐藏 div B。

jQuery 解决方案？

谢谢。

Answer 1

用 CSS 实现，使用 media queries !

@media screen and (max-width: 799px) { 
    #b {
        display:none;
    }
}

jsfiddle