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

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

代码如下:

/*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;
}