dedecms,织梦,搞笑段子,织梦伪静态规则,织梦全站伪静态,织梦手机版伪静态

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

工作手记 baishitou 74℃ 0评论

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

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

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

转载请注明:白石头博客 » DIVCSS自动适应宽度,如果小于就隐藏

喜欢 (0)or分享 (0)

您必须 登录 才能发表评论!