移动端的公共样式库

@media screen and ( min-width: 319px){html{ font-size: 100px;}}
@media screen and ( min-width: 359px){html{ font-size: 106px;}}
@media screen and ( min-width: 383px){html{ font-size: 112px;}}
@media screen and ( min-width: 399px){html{ font-size: 118px;}}
@media screen and ( min-width: 414px){html{ font-size: 120px;}}
@media screen and ( min-width: 423px){html{ font-size: 130px;}}
@media screen and ( min-width: 479px){html{ font-size: 140px;}}
body{ font-family: Microsoft YaHei,STXihei,sans-serif; font-size: 14px}
p{margin: 0}
*{ box-sizing: border-box;-webkit-tap-highlight-color:rgba(255,0,0,0);margin: 0;padding: 0}
:focus{outline:none;}
input,a,img{border:0;}
ul li{list-style: none;}
/*input[type=text],input[type=checkbox],input[type=button],input[type=date]{-webkit-appearance: none;}*/
input,button{ outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
html, body { width: 100%; min-width: 320px;max-width: 640px;  margin: 0px auto; font-family: "Microsoft YaHei"; color: #333;background: #fff;}

转载于:https://www.cnblogs.com/937522zy/p/6830551.html