美文网首页
移动端reset.css

移动端reset.css

作者: 不羁夜猫咪 | 来源:发表于2018-11-16 10:28 被阅读0次

    html{

    font-family:"Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;

    -ms-text-size-adjust:100%;

    -webkit-text-size-adjust:100%;

    font-size:62.5%;

    }

    body{

    margin:0;

    font-size:1.4rem;

    line-height:1.5;

    color:#333333;

    background-color: white;

    height:100%;

    overflow-x: hidden;

    -webkit-overflow-scrolling: touch;

    }

    article,

    aside,

    details,

    figcaption,

    figure,

    footer,

    header,

    hgroup,

    main,

    nav,

    section,

    summary{

    display: block;

    }

    audio,

    canvas,

    progress,

    video{

    display: inline-block;

    vertical-align: baseline;

    }

    audio:not([controls]){

    display: none;

    height:0;

    }

    [hidden],

    template{

    display: none;

    }

    svg:not(:root){

    overflow: hidden;

    }

    a{

    background: transparent;

    text-decoration: none;

    -webkit-tap-highlight-color: transparent;

    color:#0088cc;

    }

    a:active{

    outline:0;

    }

    a:active{

    color:#006699;

    }

    abbr[title]{

    border-bottom:1pxdotted;

    }

    b,

    strong{

    font-weight: bold;

    }

    dfn{

    font-style: italic;

    }

    mark{

    background:#ff0;

    color:#000;

    }

    small{

    font-size:80%;

    }

    sub,

    sup{

    font-size:75%;

    line-height:0;

    position: relative;

    vertical-align: baseline;

    }

    sup{

    top:-0.5em;

    }

    sub{

    bottom:-0.25em;

    }

    img{

    border:0;

    vertical-align: middle;

    }

    hr{

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    height:0;

    }

    pre{

    overflow: auto;

    white-space: pre;

    white-space: pre-wrap;

    word-wrap: break-word;

    }

    code,

    kbd,

    pre,

    samp{

    font-family: monospace, monospace;

    font-size:1em;

    }

    button,

    input,

    optgroup,

    select,

    textarea{

    color: inherit;

    font: inherit;

    margin:0;

    }

    button{

    overflow: visible;

    }

    button,

    select{

    text-transform: none;

    }

    button,

    htmlinput[type="button"],

    input[type="reset"],

    input[type="submit"]{

    -webkit-appearance: button;

    cursor: pointer;

    }

    button[disabled],

    htmlinput[disabled]{

    cursor: default;

    }

    button::-moz-focus-inner,

    input::-moz-focus-inner{

    border:0;

    padding:0;

    }

    input{

    line-height: normal;

    }

    input[type="checkbox"],

    input[type="radio"]{

    box-sizing: border-box;

    padding:0;

    }

    input[type="number"]::-webkit-inner-spin-button,

    input[type="number"]::-webkit-outer-spin-button{

    height: auto;

    }

    input[type="search"]{

    -webkit-appearance: textfield;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    }

    input[type="search"]::-webkit-search-cancel-button,

    input[type="search"]::-webkit-search-decoration{

    -webkit-appearance: none;

    }

    fieldset{

    border:1pxsolid#c0c0c0;

    margin:02px;

    padding:0.35em0.625em0.75em;

    }

    legend{

    border:0;

    padding:0;

    }

    textarea{

    overflow: auto;

    resize: vertical;

    }

    optgroup{

    font-weight: bold;

    }

    table{

    border-collapse: collapse;

    border-spacing:0;

    }

    td,

    th{

    padding:0;

    }

    html,

    button,

    input,

    select,

    textarea{

    font-family:"Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;

    }

    h1,

    h2,

    h3,

    h4,

    h5,

    h6,

    p,

    figure,

    form,

    blockquote{

    margin:0;

    }

    ul,

    ol,

    li,

    dl,

    dd{

    margin:0;

    padding:0;

    }

    ul,

    ol{

    list-style: none outside none;

    }

    h1,

    h2,

    h3{

    line-height:2;

    font-weight: normal;

    }

    h1{

    font-size:1.8rem;

    }

    h2{

    font-size:1.6rem;

    }

    h3{

    font-size:1.4rem;

    }

    input::-moz-placeholder,

    textarea::-moz-placeholder{

    color:#cccccc;

    }

    input:-ms-input-placeholder,

    textarea:-ms-input-placeholder{

    color:#cccccc;

    }

    input::-webkit-input-placeholder,

    textarea::-webkit-input-placeholder{

    color:#cccccc;

    }

    *{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

    .left{float:left}

    .right{float:right}

    .clearfix:after{

        content:"";/*设置内容为空*/

        height:0;/*高度为0*/

        line-height:0;/*行高为0*/

        display:block;/*将文本转为块级元素*/

        visibility:hidden;/*将元素隐藏*/

        clear:both;/*清除浮动*/

    }

    .clearfix{

    zoom:1;/*为了兼容IE*/

    }

    https://www.cnblogs.com/interdrp/p/9042749.html

    相关文章

      网友评论

          本文标题:移动端reset.css

          本文链接:https://www.haomeiwen.com/subject/hpbpfqtx.html