web-app 适配

标准适配方案:
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">快捷方式meta:vp +tab键CSS中设置的问题:1.最好不要使用JQuery,浏览器内核问题2.base.css:*,*::before, *::after{       //全部标签,伪类         margin:0;         padding:0;                //取消边距         box-sizing:boder-box;         -webkit-box-sizing:boderbox;             //取消边框         tap-highlight-color:transparent;         -webkit-tap-highlight-color:transparent;  //取消轻触变色}body{  font-size:14px;  font-family:"Microsoft",san-serif;  color:#333;}ul,ol{  list-style:none;}a{   text-decoration:none;   color:#333;}input,textarea{   boder:none;   outline:none;   resize:none;//不容许改变输入框尺寸   -webkit-appearance:none;//元素的外观none:没有任何样式}.f_left{   float:left;}.f_right{   float:right;}.clearFix::before;.clearFix::after{   content:"";   display:block;   visibility:hidden;   height:0;   line_height:0;   clear:both;}.m_l10{   margin-left:10px;}.m_r10{   margin-right:10px;}.m_t10{   margin-top:10px;}.m_b10{   margin-bottom:10px;}3.index.css://版心.jd_container{  min-width:320px;  max-width:640px;  width:100%;  margin:0 auto;  background:pink;  height:100%;}//顶部搜索
相关文章
相关标签/搜索