记录移动端原生开发基础样式

*{box-sizing: inherit;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,b,span,em,i,select{ margin: 0; padding: 0;font-family: "Microsoft YaHei", "宋体","黑体";margin: 0; padding: 0;}
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,th,td,legend{margin:0;padding:0;border:0;background: transparent;outline:none}
em,i{font-style: normal;}
body { /* min- 320px; */ overflow-x: hidden; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-user-select: none;}
body:active { border:0;}
html{ height: 100%;}
fieldset, img, button, input { border: 0; }
ul, ol { list-style: none; }
a {color: #000;text-decoration: none;}
table { border-collapse: collapse; border-spacing: 0; }
input { /* -webkit-appearance: none; */ border-radius: 0; background:transparent;/* padding:0 5px; */}
:focus { outline: 0; }
.lf{ float:left;}
.ri{ float:right;}
.cf{zoom:1;}
.cf:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img{width:100%;height: auto;}
html{font-size: 100px;font-size: calc(100vw / 7.2);font-family: "Microsoft YaHei", "宋体","黑体";}// 使用时50px <--> 1rem
原文地址:https://www.cnblogs.com/Hhuizi/p/14743906.html