网站程序代码

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



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

}

}



相关网站程序代码

avatar

网站页面加载速度提高方法 网站提速必看

不同的企业在选择主机方面都有着不同打算,比如一些企业资金不够可能会选择比较便宜的虚拟主机,而一些企业因为害怕备案麻烦会选择香港主机,但是他们却忽略了一点这些非国内主机会让网站打开速度变慢。网站打开速度慢肯定是会让用户不满意,今天为大家讲下网...

avatar

百度熊掌号运营的基本思路

百度熊掌号可以在很大程度上专注于从内容获取流量,实现用户在页面的停留转化,在熊掌号的基础上,各内容服务提供者可以让自己发布的优质的文章被百度索引到并推荐给用户,那么熊掌号运营的时候有哪些思路呢?今天我们就来梳理下这些思路。百度熊掌号的基本运...

avatar

新手做熊掌号运营应该掌握的要点

新手要做熊掌号运营可能总是不知道应该从哪里开始入手,这里就给新手一些提示,告诉新手应该掌握哪些要点,帮助新手尽快的进入到状态中,有需要新手不妨参考一下。新手做熊掌号运营应该掌握的几个要点要点一、新手应该要掌握什么是优质内容要明白什么是优质的...

avatar

站群优化应注意的事项和技巧

在很多人看来做站群优化是一个能让优化得到最大效果的事情,但是实际操作的时候有些事项一定要多注意,否则不但能达到效果还会被封杀,这里就给出一些在实际进行优化操作的时候应该要注意的事项,并且分享一些对站群进行优化的技巧。站群优化应注意的事项和应...

avatar

站群软件是干什么的

站群就是一网站的集合,但是一定要统一,分级管理,信息共享,单点登录才可以。最初的站群由政府提出,现在已经应用领域范围很广,例如政府门户网站群、大型企事业网站群、行业网站群、视频站群等。站群,即一个人或一个团队操作多个网站,目的是通过搜索引擎...

华科精品服务

是你在营销推广、品牌树立、产品优化中不可或缺的!

咨询热线
15618-021-225
在线客服
在线QQ客服 19379458
微信客服号 senleee
官方微信号
华科国际官网 www.seo.hk