reset.css 1.9 KB

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