无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻 > 公司新闻 >

DIV全自动适应总宽,假如低于就掩藏

时间:2021-03-08 10:17来源:未知 作者:jianzhan 点击:
大家在做响应网页页面时,想在某一辨别率下把某一标识全自动掩藏。例如导航栏,在一切正常辨别率下,显示信息宽的导航栏,手中机显示屏下,宽的导航栏全自动掩藏,刚显示信息

大家在做响应网页页面时,想在某一辨别率下把某一标识全自动掩藏。例如导航栏,在一切正常辨别率下,显示信息宽的导航栏,手中机显示屏下,宽的导航栏全自动掩藏,刚显示信息手机上版的导航栏。这儿大家就需要采用新闻媒体查寻 @media,编码以下 :

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

上边编码表明 在低于320px的辨别率,标识nav全自动掩藏。之上是CSS3的方式,中低端访问器不兼容。


递进编码,假如低于是多少辨别率则显示信息此外合理布局


@media screen and (max-width:640px){

.header-right{

width: 95%;

    float: right;

    /* position: absolute; */

    z-index: 1100;

    /* height: 100%; */

    /* overflow: auto; */

    position: fixed;

}

}


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信

在线咨询
联系电话

400-888-8866