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%;}//頂部搜索
相關文章
相關標籤/搜索