使我的网站响应通过隐藏thumbnails_wrapper当网站在移动设备或平板

Question

看我相对较新的编程并正与一些CSS挣扎。我有缩略图导航栏在我的网站（#thumbnails_wrapper），并希望在屏幕尺寸低于都说700像素的宽度完全隐藏它。

用我有限的知识的CSS，我试过有一个自己去了，但下面的代码只是完全隐藏包装在任何屏幕上 - 包括一个全尺寸的桌面屏幕。

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

任何帮助非常感谢。

感谢

杰克

Answer 1

您当前的CSS的目标是用一个浏览器窗口中任何宽度大于700像素大。

变化min-width到max-width

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