移動端h5頁面編寫樣式重設

標籤：put   移動端   form   pad   pos   href   target   inpu   enable   

@charset "UTF-8";/* stylelint-enable *//* 重設樣式 */* {    -webkit-tap-highlight-color: transparent;    outline: 0;}body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {    margin: 0;    padding: 0;    vertical-align: baseline;}img {    border: 0 none;    vertical-align: top;}i, em {    font-style: normal;}ol, ul {    list-style: none;}input, select, button, h1, h2, h3, h4, h5, h6 {    font-size: 100%;    font-family: inherit;}table {    border-collapse: collapse;    border-spacing: 0;}a, a:visited {    text-decoration: none;    color: #333;}body {    margin: 0 auto;    background: #e8e8ed;    font-size: 14px;    font-family: -apple-system,Helvetica,sans-serif;    line-height: 1.5;    color: #666;    -webkit-text-size-adjust: 100% !important;  /*-webkit-user-select: none;  user-select: none;*/}/* rem單位切換---------------------------------------- *//* html根項目大小---------------------------------------- */html {    font-size: 20vw;}@media screen and (max-width: 320px) {    html {        font-size: 64px;    }}@media screen and (min-width: 540px) {    html {        font-size: 108px;    }}body {    max-width: 540px;    min-width: 320px;}

原文： https://aotu.io/notes/2017/04/28/2017-4-28-CSS-viewport-units/?utm_source=tuicool&utm_medium=referral

https://jdc.jd.com/demo/ting/vw_rem_layout.html

移動端h5頁面編寫樣式重設