在移动设备或平板电脑上查看网站时，通过隐藏thumbnails_wrapper使我的网站响应

Question

我相对较新的编程并且正在努力解决一些CSS问题。我的网站（#thumbnails_wrapper）中有缩略图导航栏，并希望在屏幕尺寸低于宽度（例如700px）时完全隐藏它。

由于我有限的CSS知识，我自己试图自己动手，但以下代码只是将包装完全隐藏在任何屏幕上 - 包括全尺寸桌面屏幕。

@media (min-width:700px){
    #thumbnails_wrapper {
        display:none;
    }
}

任何帮助都非常感激。

由于

杰克

Answer 1

您当前的CSS定位的浏览器窗口宽度大于700px。

将min-width更改为max-width

@media (max-width:700px){
    #thumbnails_wrapper {
        display:none;
    }
}