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

Css 当浏览器变小而不仅仅是压缩时,允许隐藏网站内容,css,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;}

当浏览器变小时,我试图使我的网站“卷起”。现在所有的东西都在自己上面压缩

可能与此有关的代码是:

* {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;}  

您可以使用媒体查询来实现这一点

@media screen and (max-width: 420px){
    body {
        display: none;
    }
}
上面所做的是,当屏幕宽度达到420px或更低时,body元素中的所有内容都将被隐藏

有关媒体查询的更多信息,请单击此处:-


查看CSS媒体查询。