html {
font-size: 16px;
}
@media screen and (min-width: 375px) {
html {
/* iPhone6的375px尺寸作為16px基準(zhǔn)瓢颅，414px正好18px大小, 600 20px /
font-size: calc(100% + 2 * (100vw - 375px) / 39);
font-size: calc(16px + 2 * (100vw - 375px) / 39);
}
}
@media screen and (min-width: 414px) {
html {
/ 414px-1000px每100像素寬字體增加1px(18px-22px) /
font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
font-size: calc(18px + 4 * (100vw - 414px) / 586);
}
}
@media screen and (min-width: 600px) {
html {
/ 600px-1000px每100像素寬字體增加1px(20px-24px) /
font-size: calc(125% + 4 * (100vw - 600px) / 400);
font-size: calc(20px + 4 * (100vw - 600px) / 400);
}
}
@media screen and (min-width: 1000px) {
html {
/ 1000px往后是每100像素0.5px增加 */
font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
font-size: calc(22px + 6 * (100vw - 1000px) / 1000);
}
}
html ,body{
width:100%;
height:100%;
}
body {
margin: 0;
padding: 0;
font-family: sans-serif;
/font-size: 12px;/
line-height: 1.4;
color: #333;
-webkit-overflow-scrolling: touch;
}
body::-webkit-scrollbar{
width:0;
height:0;
}
root{
width: 100%;
height: 100%;
}
.App{
width:100%;
height: 100%;
/* background: #f3f6fc; /
/padding: 20px;/
}
{
margin: 0;
padding: 0;
border:0;
box-sizing: border-box;
}
i, cite, em, var, address, dfn {
font-style: normal;
}
/ 去除iPhone中默認(rèn)的input樣式 /
input { -webkit-appearance: none; resize: none; border-radius:0;-webkit-appearance:none;}
a{
text-decoration: none;
color: #333;
}
a:focus, input:focus, button:focus, textarea:focus {
outline: none;
}
/去掉手機(jī)端點擊出現(xiàn)一個陰影/
a:active{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul,li{
list-style: none;
}
