DIVCSS自动适应宽度,如果小于就隐藏

我们在做响应页面时,想在某个分辩率下把某个标签自动隐藏。比如导航,在正常分辨率下,显示宽的导航,在手机屏幕下,宽的导航自动隐藏,刚显示手机版的导航。这里我们就要用到媒体查询 @media,代码如下 :

@media screen and (max-width:320px){
.nav{display:none; }
}

上面代码表示 在小于320px的分辩率,标签nav自动隐藏。以上是CSS3的方法,低端浏览器不支持。

THE END