reset-mobile.css 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. body{
  2. font-family: Roboto,"Droid Sans",Helvetica,"Helvetica Neue","Heiti SC",sans-serif;
  3. }
  4. html, body, div, span, object, iframe,
  5. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  6. abbr, address, cite, code,
  7. del, dfn, em, img, ins, kbd, q, samp,
  8. small, strong, sub, sup, var,
  9. b, i,
  10. dl, dt, dd, ol, ul, li,
  11. fieldset, form, label, legend,
  12. table, caption, tbody, tfoot, thead, tr, th, td,
  13. article, aside, canvas, details, figcaption, figure,
  14. footer, header, hgroup, menu, nav, section, summary,
  15. time, mark, audio, video {
  16. margin:0;
  17. padding:0;
  18. border: none;
  19. outline: none;
  20. }
  21. article,aside,details,figcaption,figure,
  22. footer,header,hgroup,menu,nav,section {
  23. display:block;
  24. }
  25. address,caption,cite,code,dfn,em,strong,th,td,var,i {
  26. font-weight: normal;
  27. font-style: normal;
  28. }
  29. ul, ol, nav {
  30. list-style: none;
  31. }
  32. blockquote, q {
  33. quotes:none;
  34. }
  35. blockquote:before, blockquote:after,
  36. q:before, q:after {
  37. content:'';
  38. content:none;
  39. }
  40. a, ins {
  41. text-decoration: none;
  42. }
  43. table {
  44. border-collapse: collapse;
  45. border-spacing: 0;
  46. }
  47. caption, th, td {
  48. text-align: left;
  49. }
  50. /*可能作为按钮的控件*/
  51. div, a, img, input {
  52. -webkit-tap-highlight-color: transparent;
  53. -webkit-appearance: none;
  54. }
  55. /*用户输入时,placeholder消失*/
  56. input:focus::-webkit-input-placeholder,
  57. textarea:focus::-webkit-input-placeholder{
  58. color:transparent;
  59. }
  60. /*常用class*/
  61. .clearfix:after {
  62. visibility:hidden;
  63. display:block;
  64. font-size:0;
  65. content:" ";
  66. clear:both;
  67. height:0;
  68. }
  69. .fn-hide{
  70. display: none;
  71. }
  72. /*长按时不触发系统的菜单*/
  73. .fn-nocallout{
  74. -webkit-touch-callout: none;
  75. }
  76. /*无法选择文本*/
  77. .fn-noselect{
  78. -webkit-user-select: none;
  79. }
  80. /*禁止文字缩放*/
  81. .fn-noadjust{
  82. -webkit-text-size-adjust: none;
  83. }
  84. /*禁止拖动*/
  85. .fn-nodrag{
  86. -webkit-user-drag: none;
  87. }
  88. /*页面宽度限制*/
  89. .wrapper{
  90. margin: 0 auto;
  91. max-width: 768px;
  92. }