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-320px;
  max-640px;
  100%;
  margin:0 auto;
  background:pink;
  height:100%;
}
//顶部搜索