1. First introduce the META tag to set the mobile end
2. Public style CSS
html,body,ul,li,img,a,p,div{
margin:0;
padding:0;
Set up the box model
Border-sizing:border-box;
Removes the effect of the click highlighting that is unique to the mobile side
-webkit-tap-highlight-color:transparent;
}
body{
Font-family: "Microsoft Jas Black", Sana-serif;
font-size:13px;
Overflow-x:hidden;
width:100%;
height:100%;
max-width:750px;
margin:0 Auto;
Text-size-adjust:none;
-moz-text-size-adjust:none;
-webkit-text-size-adjust:none;
}
A
a:hover{
Color: #666;
Text-decoration:none;
-webkit-tap-highlight-color:rgba (0,0,0,0);
}
input{
Outline:none;
}
img{
Display:block;
Border:none;
Vertical-align:top;
}
ul,li{
List-style-type:none;
}
Clear floating
. clear{
Display:block;
Overflow:hidden;
Clear:both;
height:0;
line-height:0;
font-size:0;
}
. clearfix:after{
Content: ".";
Display:block;
height:0;
Clear:both;
Wisibility:hidden;
}
. clearfix{
*zoom:1;
}
Mobile Project build?