阅读 80

项目初始化

常用的meta标签

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta name="format-detection" content="telephone=no, email=no"> 
    <meta name="x5-orientation" content="portrait">
    <meta name="screen-orientation" content="portrait">
复制代码

样式初始化

/* 公共样式 */
.double-center{
  display: flex;
  justify-content:center;
  align-items:center;
  width: 100%
}
.row {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
}
.row:after,
.row:before {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
[class*="col"] {
  float: left;
  position: relative;
  box-sizing: border-box;
}
.col-1 {
  width: 10%;
}
.col-2 {
  width: 20%;
}
.col-3 {
  width: 30%;
}
.col-4 {
  width: 40%;
}
.col-5 {
  width: 50%;
}
.col-6 {
  width: 60%;
}
.col-7 {
  width: 70%;
}
.col-8 {
  width: 80%;
}
.col-9 {
  width: 90%;
}
.col-10 {
  width: 100%;
}
::-webkit-scrollbar{  /* 隐藏滚轮 */
  display:none;
}
body {margin:0; padding:0; font:helvetica,arial,"Microsoft YaHei",\5b8b\4f53;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;max-width: 100%; height:auto;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i,var{font-weight:normal; font-style:normal;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
input{outline: 0;outline: none;border: 0px}
复制代码