reset.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. /* 禁用iPhone中Safari的字号自动调整 */
  2. * {
  3. -webkit-box-sizing: border-box;
  4. -moz-box-sizing: border-box;
  5. box-sizing: border-box;
  6. outline: none;
  7. font-family: LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial, Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  8. font-weight: 400;
  9. -webkit-font-smoothing: antialiased;
  10. user-select: none;
  11. }
  12. html {
  13. -webkit-text-size-adjust: 100%;
  14. -ms-text-size-adjust: 100%;
  15. }
  16. /* 去除iPhone中默认的input样式 */
  17. input[type="submit"],
  18. input[type="reset"],
  19. input[type="button"],
  20. input,
  21. button {
  22. /* -webkit-appearance:none; */
  23. resize: none;
  24. }
  25. input::-webkit-outer-spin-button,
  26. input::-webkit-inner-spin-button {
  27. -webkit-appearance: none;
  28. }
  29. button {
  30. border: none;
  31. }
  32. /* 设置HTML5元素为块 */
  33. article,
  34. aside,
  35. details,
  36. figcaption,
  37. figure,
  38. footer,
  39. header,
  40. hgroup,
  41. menu,
  42. nav,
  43. section {
  44. display: block;
  45. }
  46. /* 图片自适应 */
  47. img {
  48. /*max-width: 100%;*/
  49. height: auto;
  50. width: auto\9;
  51. /* ie8 */
  52. -ms-interpolation-mode: bicubic;
  53. /*为了照顾ie图片缩放失真*/
  54. }
  55. /* 初始化 */
  56. body,
  57. div,
  58. ul,
  59. li,
  60. ol,
  61. h1,
  62. h2,
  63. h3,
  64. h4,
  65. h5,
  66. h6,
  67. input,
  68. textarea,
  69. select,
  70. p,
  71. dl,
  72. dt,
  73. dd,
  74. a,
  75. img,
  76. button,
  77. form,
  78. table,
  79. th,
  80. tr,
  81. td,
  82. tbody,
  83. article,
  84. aside,
  85. details,
  86. figcaption,
  87. figure,
  88. footer,
  89. header,
  90. hgroup,
  91. menu,
  92. nav,
  93. section {
  94. margin: 0;
  95. padding: 0;
  96. border: none;
  97. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  98. /*取消链接高亮*/
  99. box-sizing: border-box;
  100. }
  101. em,
  102. i {
  103. font-style: normal;
  104. }
  105. strong {
  106. font-weight: normal;
  107. }
  108. .clearfix:after {
  109. content: "";
  110. display: block;
  111. visibility: hidden;
  112. height: 0;
  113. clear: both;
  114. }
  115. .clearfix {
  116. zoom: 1;
  117. }
  118. a {
  119. text-decoration: none;
  120. }
  121. a:hover,
  122. a:active,
  123. a:visited {
  124. text-decoration: none;
  125. }
  126. ul,
  127. ol {
  128. list-style: none;
  129. }
  130. h1,
  131. h2,
  132. h3,
  133. h4,
  134. h5,
  135. h6 {
  136. font-size: 100%;
  137. }
  138. img {
  139. border: none;
  140. vertical-align: middle;
  141. }
  142. body,
  143. html,
  144. #app {
  145. width: 100%;
  146. height: 100%;
  147. margin: 0 auto;
  148. position: relative;
  149. }