1 html,body,div,ul,li,ol,a,input,textarea,p,dl,dt,dd{margin:0;padding:0;}
2 ul li{list-style: none;}
3 a{text-decoration: none;cursor: pointer;}
4 html{height: 100%;}
5 body{height: 100%;background: #f5f5f5;position: relative;font-family: '微软雅黑';max-width: 640px;margin:auto;}
6 a,input,img,textarea,span,div{outline: 0;-webkit-tap-highlight-color:rgba(255,0,0,0);}
1 html {
2 font-family:"宋体", "Times New Roman", Times, serif;
3 /*谷歌浏览器字体最小字体12px*/
4 -webkit-text-size-adjust: 100%;/*100%/none 关闭字体大小自动调整功能*/
5 /*a标签及拥有 :active伪类的元素有默认的高亮框*/
6 -webkit-tap-hightlight-color: transparent;
7 /*禁止文本被选中*/
8
9 }
10 body{
11 overflow-x:hidden;
12 /*开启moblie网页快速滚动和回弹的效果*/
13 -webkit-overflow-scrolling: touch;
14 font-size: 12px;
15 font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
16 -webkit-text-size-adjust: 100%; /*关闭自动调整字体*/
17 overflow-scrolling: touch;
18 -webkit-tap-highlight-color:rgba(0,0,0,0);
19 }
20 *{
21 margin: 0;
22 padding: 0;
23 -webkit-box-sizing: border-box;
24 box-sizing: border-box;
25 font-style: normal;
26 }
27 a{
28 border:none;
29 -webkit-tap-highlight-color: rgba(0,0,0,0);
30 -webkit-tap-highlight-color:transparent;
31 outline:none;
32 color: #333;
33 -webkit-tap-highlight-color: #fff;
34 text-decoration: none;
35 }
36 a:hover,
37 a:focus{
38 text-decoration:none;
39 outline:none;
40 }
41 a.line,.topLine{
42 position:relative;
43 }
44 a.line:after,.topLine:after{
45 content:"";
46 position:absolute;
47 right:0;
48 top:0;
49 }
50 a.line:after{
51 height:100%;
52 width:1px;
53 -webkit-transform:scaleX(0.5);
54 transform:scaleX(0.5);
55 border-right:1px solid #ccc;
56 }
57 .topLine:after{
58 height:1px;
59 width:100%;
60 -webkit-transform:scaleY(0.5);
61 transform:scaleY(0.5);
62 border-top:1px solid #ccc;
63 }
64 img{
65 border: 0;
66 display: inline-block;
67 width:100%;
68 height:100%;
69 vertical-align: middle;
70 }
71 input{
72 outline: none;
73 border: none;
74 /*-webkit-appearance: none;*/
75 }
76 .fl{
77 float:left;
78 }
79 .fr{
80 float:right;
81 }
82 .clearfix:after{
83 content:"";
84 display:block;
85 width:100%;
86 height:0;
87 clear:both;
88 }
89 li,ol{
90 list-style:none;
91 }
92
93 .vertical-view{
94 display:-webkit-box;
95 display:-webkit-flex;
96 display:flex;
97 -webkit-box-orient:vertical;
98 -webkit-box-direction:normal;
99 -webkit-flex-direction:column;
100 flex-direction:column;
101 }
102 .horizontal-view{
103 display:-webkit-box;
104 display:-webkit-flex;
105 display:flex;
106 -webkit-box-orient:horizontal;
107 -webkit-box-direction:normal;
108 -webkit-flex-direction:row ;
109 flex-direction:row;
110 }
111 .inline-block{
112 display:block;
113 }
1 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
2 <meta content="yes" name="apple-mobile-web-app-capable">
3 <meta content="black" name="apple-mobile-web-app-status-bar-style">
4 <!--屏蔽标签拨号/email/address链接-->
5 <meta name="format-detection" content="telephone=no" />
6 <meta name="format-detection" content="email=no" />
7 <meta name="format-detection" content="adress=no" />
8 <!--不启用缓存-->
9 <meta http-equiv="Pragma" content="no-cache" />
10 <meta http-equiv="Cache-Control" content="no-cache" />
11 <meta http-equiv="Expires" content="0" />
