移动端Css初始化

    @charset "utf-8";
    /* 禁用iPhone中Safari的字号自动调整 */
    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Chrome/Safari/Opera */
        -khtml-user-select: none; /* Konqueror */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
        not supported by any browser */
    }
    /* 去除iPhone中默认的input样式 */
    input[type="submit"], input[type="reset"], input[type="button"], input{ -webkit-appearance:none; resize: none; }
    /* 取消链接高亮  */
    body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
    /* 设置HTML5元素为块 */
    article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block; }
    /* 图片自适应 */
    img { max- 100%; height: auto; -ms-interpolation-mode:bicubic; /*为了照顾ie图片缩放失真*/ }
    /* 初始化 */
    body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
    aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0; padding:0; border:none;}
    body{font: normal 14px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;}
    em,i{font-style:normal;}
    strong{font-weight: normal;}
    a{ text-decoration:none; color:#969696; }
    a:hover{color:#f60;}
    ul,ol{list-style:none;}
    h1, h2, h3, h4, h5, h6{ font-size:100%; }
    img{ border: none; vertical-align: middle; }

    /* clear */

    .clearfix::after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
    .clearfix {
        zoom: 1;
    }
    /* 超过隐藏 */
    .ellipsis {
        overflow: hidden;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    /* 超过2行隐藏 */
    .ellipsis2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    /* 左浮动 */
    .fl {
        float: left;
    }
    /* 右浮动 */
    .fr {
        float: right;
    }
    
    
原文地址:https://www.cnblogs.com/Model-Zachary/p/6095288.html