当浏览器变小而不是仅压缩时，允许网站内容隐藏

Question

当浏览器缩小时，我试图让我的网站“卷起”。目前一切都只是压缩自己？ Link to php and css

可能与之有关的代码是：

* {margin:0;padding:0;} 

html {overflow-y:auto; 
overflow-x: auto; }

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
top: 79px;
padding-bottom: 79px;
position:relative;}  

Answer 1

您可以使用媒体查询来实现此目的。

@media screen and (max-width: 420px){
    body {
        display: none;
    }
}

以上操作是，只要屏幕达到420px或更低的宽度，就会隐藏body元素内的所有内容。

有关媒体查询的更多信息： -

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries