app.css

html {
font-size: 16px;
}

@media screen and (min-width: 375px) {
html {
/* iPhone6的375px尺寸作为16px基准,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中默认的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;
}
/
去掉手机端点击出现一个阴影
/
a:active{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul,li{
list-style: none;
}

你可能感兴趣的:(app.css)