初始化css样式 

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" />

 

posted @ 2017-09-21 16:49  铜镜123  阅读(143)  评论(0)    收藏  举报