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

Question

当浏览器变小时，我试图让我的网站“卷起”。目前一切都只是在自身之上压缩？链接到 php 和 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;
    }
}

上面所做的是，每当您的屏幕宽度达到 420 像素或更低时，您在 body 元素中的所有内容都将被隐藏。

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

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