移动端CSS通⽤样式html {
font-family: "Helvetica Neue",Helvetica, sans-serif;
/*⾕歌浏览器字体最⼩字体12px*/
-webkit-text-size-adjust: 100%;/*100%/none 关闭字体⼤⼩⾃动调整功能*/
/*a标签及拥有 :active伪类的元素有默认的⾼亮框*/
-webkit-tap-hightlight-color: transparent;
/*禁⽌⽂本被选中*/
-webkit-user-select: none;
}
body{
    font-family: Helvetica;
overflow-x:hidden;
/*开启moblie⽹页快速滚动和回弹的效果*/
-webkit-overflow-scrolling: touch;
font-size: 12px;
}
*{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a{
display:block;
width:100%;
color: #333;
text-decoration: none;
}
img{
border: 0;
display: block;
width:100%;
vertical-align: middle;
}
a, img {
/*阻⽌长按页⾯，弹出菜单的⽅法。*/
-webkit-touch-callout:none;
}
input,textarea{
-webkit-appearance: none;
outline: none;
border: none;
}
.fl{
float:left;
}
.fr{
float:right;
}
.clearfix:after{
content:"";
borderboxdisplay:block;
width:100%;
height:0;
clear:both;
}
li,ol{
list-style:none;
}
/*修改placeholder的字体颜⾊*/
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;
}
input:-ms-input-placeholder{
color: #000;
}
input::-webkit-input-placeholder{
color: #000;
}
  注意：⼀个div上，可以最多放4个class样式，可以将class样式重复利⽤

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。