vultr优惠码,vultr云服务器,vultr优惠,vultr教程,vultr购买,香港主机,香港VPS,香港服务器,服务推荐,国外VPS推荐

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

网站教程 baishitou 3864℃ 0评论

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

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

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

喜欢 (3)or分享 (0)

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