##### 媒体查询（带max是小于某元素，带min是大于某元素） 如 > 大于800执行（PC端） ``` @media only screen and (min-width: 800px){ } ``` > 小于800执行（一般手机端） ``` @media only screen and (max-width: 800px){ } ``` > 小于360执行（小屏IPhone和安卓尺寸） ``` @media only screen and (max-width: 360px){ } ``` ##### 页面尺寸默认下，导航宽度变为1200px ``` .do-header .do-area > .do-row{width: 1200px;}``` .owl-stage-outer li{width:100%!important;}