reset.less 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. html {
  2. -webkit-text-size-adjust: 100%;
  3. height: 100%;
  4. -webkit-user-select: none;
  5. overflow-x: hidden;
  6. }
  7. html,
  8. body,
  9. div,
  10. ul,
  11. li,
  12. p,
  13. h1,
  14. h2,
  15. h3,
  16. h4,
  17. h5,
  18. figure,
  19. figcaption {
  20. margin: 0;
  21. padding: 0;
  22. border: 0;
  23. font-weight: normal
  24. }
  25. * {
  26. margin: 0;
  27. padding: 0;
  28. border: 0;
  29. }
  30. li {
  31. list-style: none;
  32. }
  33. a {
  34. text-decoration: none;
  35. }
  36. body {
  37. font-family: "微软雅黑", "Microsoft Yahei";
  38. position: relative;
  39. color: #000;
  40. text-align: left;
  41. -webkit-font-smoothing: antialiased;
  42. height: 100%;
  43. }
  44. #app{
  45. height: 100%;
  46. }
  47. input {
  48. outline: none;
  49. }
  50. .clear {
  51. clear: both;
  52. }
  53. .clearfix:after {
  54. display: block;
  55. clear: both;
  56. content: '';
  57. visibility: hidden;
  58. height: 0;
  59. }
  60. .f_left {
  61. float: left;
  62. }
  63. .f_right {
  64. float: right;
  65. }
  66. .g_bottom {
  67. padding-bottom: constant(safe-area-inset-bottom);
  68. padding-bottom: env(safe-area-inset-bottom);
  69. }
  70. .van-popup {
  71. overflow: visible;
  72. }
  73. @media screen and (max-width: 320px) {
  74. body {
  75. font-size: 12px;
  76. }
  77. }
  78. @media screen and (min-width: 321px) and (max-width: 413px) {
  79. body {
  80. font-size: 12px;
  81. }
  82. }
  83. @media screen and (min-width: 414px) and (max-width: 639px) {
  84. body {
  85. font-size: 17px;
  86. }
  87. }
  88. @media screen and (min-width: 640px) {
  89. body {
  90. font-size: 18px;
  91. }
  92. }
  93. /*@supports (bottom: constant(safe-area-inset-bottom)) {
  94. body {
  95. margin-bottom: constant(safe-area-inset-bottom);
  96. margin-bottom: env(safe-area-inset-bottom);
  97. }
  98. }*/