body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,/* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
    text-align: center;
}
/* 重置列表元素 */
ul, ol { list-style: none; }
 
/* 重置文本格式元素 */
a { 
    text-decoration: none;
    display:block;
 }
a:hover { text-decoration: underline; }

a,a:hover,a:active,a:visited,a:link,a:focus{
    outline:none;
    background: none;
    text-decoration: none;
    color: #999;
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*{
    box-sizing:border-box;
    -webkit-tap-highlight-color: transparent;
}

/* 
* 这里设置的不是HTML的font-size，所以不会对device-fit.js造成影响，因为rem是针对HTML不变的。
*/
@media screen and (max-width: 321px) {
    body {
        font-size:16px
    }
}

@media screen and (min-width: 321px) and (max-width:400px) {
    body {
        font-size:17px
    }
}

@media screen and (min-width: 400px) {
    body {
        font-size:19px
    }
}
@media screen and (max-width: 321px) {
    header,footer {
        font-size:16px
    }
}

@media screen and (min-width: 321px) and (max-width:400px) {
    header,footer {
        font-size:17px
    }
}

@media screen and (min-width: 400px) {
    header,footer {
        font-size:19px
    }
}