Mobile-page CSS Reset

This is the universal  css reset. This version applies to mobile pages if you need to use on the PC side, you can modify the html{font-size: 10px;} for html{font-size: 12px;} Other places do not need to modify  ========================================= @charset   "Utf-8"; html,body,div,span,applet,object , Iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q, S,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody, tfoot,thead,tr,th,td {    margin: 0;    padding: 0;     border: 0;    outline: 0;     Font-weight: inherit;    font-style: inherit;    font-size:  100%;    font-family: inherit;    vertical-align:  baseline;    width: 100%;    height: 100%;}  html {    font-family:  ' Sans-serif ',  "Microsoft yahei",  "Microsoft Jas Black",  "Tahoma",  "Helvetica";    font-size: 10px;     background:  #fff;     - webkit-text-size-adjust: 100%;    -ms-text-size-adjust: 100%;     -webkit-tap-highlight-color: rgba (0, 0, 0, 0)} table {     border-collapse: collapse;    border-spacing: 0;}  img {    border: 0; max-width: 100%!important;     vertical-align: middle;}  address,caption,cite,code,dfn,i,em,strong,th,var {    font-weight: normal;     font-style: normal;}  ol,ul {    list-style: none;}  a {    text-decoration: none;}  a:hover,a:focus {     outline: none;}  caption,th {    text-align: left;    font-weight:  normal;}  h1,h2,h3,h4,h5,h6 {    font-weight: normal;     font-size: 100%;}  q:before,q:after {    content:  ";}  abbr,acronym {    border: 0;}  button,input,optgroup,select,textarea {    margin: 0;     font: inherit;    color: inherit;}  * {    -webkit-box-sizing: border-box;    - moz-box-sizing: border-box;    box-sizing: border-box} :before,:after  {    -webkit-box-sizing: border-box;    -moz-box-sizing:  Border-box;    box-sizing: border-box;}  input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {    - Webkit-appearance: none;}  article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {     display: block;}  @media screen and (min-width:100px) {/* iPhone 4,5 */html{font-size:10px;}}@media screen and (min-width:320px) {/* iPhone 4,5 */html{font-size:10px;}}@media screen and (min-width:375px) {/* IPhone 6 */html{font-size:12px;}}@media screen and (min-width:414px) {/* IPhone 6 Plus */html{font-size:12px;}}@media screen and (min-width:600px) {html{font-size:14px;}}The Red Code snippet is for the font scaling on different resolutions of the phone

Mobile-page CSS Reset