移动端页面基础CSS布局+Reset原有样式

移动端页面基础CSS布局+Reset原有样式

代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/*reset css*/
*,
::before,
::after{
margin: 0;
padding: 0;

/*清除移动端的默认的 点击高亮效果*/
-webkit-tap-highlight-color: transparent;
/* 设置 所有的box-sizing 移动端所有盒子以边框开始计算宽度 使用百分比布局*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body{
/*sans-serif: 设备默认字体*/
font-family:"Microsoft Sans Serif",sans-serif;
font-size: 14px;
color: #333;
}
a{
color: #333;
}
a:hover{
text-decoration: none;
}
input{
border:none;
outline: none;
/*清除移动默认的表单样式*/
-webkit-appearance: none;
}