/*** 媒体查询，参考部分Bootstrap框架*//**当前页面大于1200px时，大屏幕，主要是PC端。**/@media (min-width: 1200px) {}/**在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC**/@media (min-width: 992px) and (max-width:1199px) {}/**在768和991像素之间的屏幕里，小屏幕，主要是PAD**/@media (min-width:768px ) and (max-width:991px) {}/*在480和767像素之间的屏幕里，超小屏幕，主要是手机。 */@media (min-width: 480px) and (max-width:767px) {/** 1、浏览器屏幕宽度大于等于480，小于768时，将header等的高度设置为45px；* 2、header中的logo隐藏；* 3、nav的宽度由55%改为100%，行高设置为45px；* */#header,#header .head_bx,#header .link{height: 50px;}#header .logo,.xs_hidden{display: none;}#header .link{width: 100%;height: 50px;}#header .link li{line-height: 50px;}}/**在小于480像素的屏幕、微小屏幕、更低分辨率的手机**/@media (max-width:479px) {/*** 1、浏览器屏幕小于480，将header等的高度设置为45px* */#header, #header .head_bx,#head .link{height: 45px;}#header .logo, .xs_hidden{display: none;}#header .link{width: 100%;line-height: 45px;}#header .link li{width: 25%;}}
