前端 移动端的页面固定样式 css

/*移动端页面固定样式*/
    * {
        margin: 0;
        padding: 0;
        border: 0;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-text-size-adjust: 100%;
    }
    html, body {
        font-family: SimHei, STHeiTi, "Helvetica Neue", Helvetica, sans-serif;
        -webkit-user-select: none; /* 禁止选中文本 */
        user-select: none;
        font-size: 15px;
       
    }
    a, img {
        -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */
        -webkit-appearance: none;
        display: block;
        color: #6c6155;
        text-decoration: none;
    }
    b, strong {
        font-weight: normal;
    }
    em, i {
        font-style: normal;
    }
    input {
        border: 0;
        outline: none;
    }
    input, button {
        -webkit-appearance: none;
        background: none;
        border: none;
        outline: none;
    }
    h1, h2, h3, h4 {
        font-size: 100%;
        font-weight: normal;
    }
    ul, li {
        display: block;
        list-style: none;
        z-index: 1;
    }
    .clearfix:after {
        display: block;
        content: "\200B";
        visibility: hidden;
        overflow: hidden;
        height: 0;
        font-size: 0;
        clear: both;
    }
    .clearfix {
        *zoom: 1;
    }

posted @ 2015-09-17 17:04  露西涂  阅读(534)  评论(0)    收藏  举报