移动端公共css样式

@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;}
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: #f0eff5;}
a{blr:expression(this.onFocus=this.blur())}

posted @ 2016-01-26 14:40  简单就好zyx  阅读(528)  评论(0编辑  收藏  举报