移动端布局css公共样式

移动端布局css公共样式

很多的标签都会有自己默认的的margin和padding,因此在写移动端之前，会清除一下一些元素的margin和padding。以保证页面布局的正常，原先用的是{margin:0;padding:0;}，不过这样写会造成网站负载的加强。当网页太大时，不友好，因此建议移动端布局前给css加上以下的写法。*

/*--------------------清除间隙---------------------*/

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
input,
ul,
li,
ol,
dl,
dd,
dt {
    padding: 0;
    margin: 0;
}

html,
body {
    height: 100%;
    width: 100%;
    font-size:26.67vw;
    display:-webkit-flex;
    flex-direction: column;
    background:#FFFFFF;
    /*box-sizing: border-box;*/
}
ul,
ol {
    list-style: none;
}

input {
    outline: none;
}



body {
    font-size: 12px;
    position:relative;
}

a {
    text-decoration: none;
    color: #909090;
}
.w {
    width: 95%;
    margin: 0 auto;
}

.l {
    float: left;
}

.r {
    float: right;
}

.t {
    width: 100%;
}