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%;
}
//顶部搜索




posted on 2019-01-09 09:37  张鑫4477  阅读(258)  评论(0编辑  收藏  举报