Html 在大屏幕中以响应模式隐藏元素

在本页上：

在360×640的响应视图中 我不希望侧边栏出现，或者可能出现在上面的单击按钮菜单中，因为它正在向下推原始内容 看见

我试过了

    visibility:hidden;

对于此屏幕分辨率，但仅文本消失，框保留在那里 看见

非常感谢您的帮助！ 谢谢

@媒体屏幕和（最大宽度：600px）{
.侧边栏{
显示：无；
}}

根据你的页面

@媒体屏幕和（最大宽度：600px）{
1.产品列表{
显示：无；
}}

如果您使用的是引导，请尝试添加一个类，如

隐藏lg

，用于隐藏大宽度设备的div。如果您想隐藏小设备的div，请尝试

隐藏sm

。我认为这里需要隐藏sm（或隐藏xs，如果只有xsmall设备）。应该将其添加到当前具有“products”类的div中。ok将尝试！谢谢你真棒！所以我的错误是可见性：隐藏以显示代替：无；