移動端重設瀏覽器預設樣式代碼

標籤：

字型單位：rem

@charset "utf-8";/*    *create by chengkun 19/9/2015.    *version 1.0.    *Reset the browser default style.*//* 設定盒模型樣式 */* {    box-sizing: border-box;}article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {    margin: 0;    padding: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {    display: block;}h1, h2, h3, h4, h5, h6 {    font-weight: normal;}/* 清除列表預設樣式 */ul, ol, li {    list-style: none;}em, i {    font-style: normal;}html, body {    color: #383838;    background: #fff;    min-width: 320px;    max-width: 640px;    margin: 0 auto;}body, input, textarea, select, button {    font-family: "微軟雅黑",Tahoma,sans-serif;    -webkit-appearance: none;    border-radius: 0;}a {    color: #333;    text-decoration: none;    outline: none;}a, button, input, p, label, div {    -webkit-tap-highlight-color: rgba(255,0,0,0);}img {    border: 0;    width: 100%;    vertical-align: top;}input, textarea {    border: none;}input:focus, textarea:focus {    outline: none;}textarea {    resize: none;}button {    border: none;    background: none;}address {    font-style: normal;}/* 清除浮動 */.clearfix:after,.clearfix:before{    content:"";    display:table;}.clearfix:after{    clear:both;    overflow:hidden;}.clearfix{    zoom:1;}/*浮動*/.fl {    float: left;}.fr {    float: right;}#wrap {    min-width: 320px;    max-width: 640px;}.disabled {    background: #ccc;    color: #fff;}/*遮罩層*/.thiv{    display: none;    position: fixed;    width: 100%;    height: 100%;    background: rgba(0,0,0,.6);    z-index: 100;}/* 公用提示框樣式 */.tips {    position: fixed;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: 9999;    -webkit-box-pack: center;    -ms-flex-pack: center;    -webkit-justify-content: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    -webkit-align-items: center;    align-items: center;}.tipscon {    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;    padding: 15px;    background-color: rgba(0, 0, 0, 0.8);    border-radius: 5px;    margin: 0 20px;    overflow: hidden;    opacity: 1;    color: #FFF;    font-size: 1.25rem;    letter-spacing: 2px;}/* 適配文字大小，使得不同螢幕大小手機上的文字展示效果一致 */html{    font-size: 12px;/* 根項目樣式 */    line-height: 18px;}@media (min-width:320px) {    html {        font-size: 85%;    }} @media (min-width:360px) {    html {        font-size: 83%;    }} @media (min-width:375px) {    html {        font-size: 88%;    }}@media (min-width:414px) {    html {        font-size: 93%;    }}@media (min-width:480px) {    html {        font-size: 98%;    }}@media (min-width:640px) {    html {        font-size: 105%;    }}@media (min-width:768px) {    html {        font-size: 110%;    }}@media (min-width:1080px) {    html {        font-size: 150%;    }}

 

移動端重設瀏覽器預設樣式代碼