index.css 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /* 公共样式 */
  2. html{-webkit-overflow-scrolling:touch;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
  3. body{-webkit-overflow-scrolling:touch;height:100%;background-color:#fff; font-family: -apple-system, Helvetica, sans-serif;font-size:.16rem;}
  4. body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,g,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,textarea{margin:0;padding:0;}
  5. ol,li,ul,dl,dt,dd{list-style:none;}
  6. table{border-spacing:0;border-collapse:collapse;;}
  7. input[type='submit'],input[type='reset'],input[type='button'],input,textarea{resize:none;border:none;}
  8. body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{-webkit-tap-highlight-color:rgba(0,0,0,0);}
  9. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
  10. /* img{width:100%;width:auto\9;height:auto;-ms-interpolation-mode:bicubic;border:none;} */
  11. em,g,i{display:inline-block;font-style:normal;}
  12. textarea{resize:none;}
  13. p{word-wrap:break-word;}
  14. button{border:0;background-color:transparent;}
  15. strong,b{font-weight:normal;}
  16. a{text-decoration:none;color:#fff;font-family: -apple-system, Helvetica, sans-serif;}
  17. a:hover{text-decoration:none;outline:none;}
  18. h1,h2,h3,h4,h5,h6{font-family: -apple-system, Helvetica, sans-serif;font-size:100%;font-weight:normal;}
  19. input{box-sizing:border-box;background-color:transparent;font-family: -apple-system, Helvetica, sans-serif;}
  20. a:link,a:active,a:visited,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
  21. @media screen and (max-width: 750px) {
  22. html {
  23. font-size: calc(100vw / 7.5);
  24. }
  25. }
  26. @media screen and (min-width: 750px) {
  27. html {
  28. font-size: calc(450px / 7.5);
  29. }
  30. }
  31. * {
  32. outline: none;
  33. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  34. }
  35. [v-cloak] {
  36. display: none !important;
  37. }
  38. div{
  39. box-sizing: border-box;
  40. }