前端自适应样式(reset.css)

 

@charset "utf-8";
/* CSS Document */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }

fieldset, c{ border:none; }

img{display: block;}

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }

ul, ol ,li{ list-style:none; }

body { color:#333; font:12px PingFang SC,microsoft yahei,sans-serif; background:#fff;}

a { 
/* color:#fff; */
text-decoration:none; }
/*清除浮动*/
.clear{clear:both}
*{box-sizing:border-box}

.border-1px::after {
content: '';
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 200%;
height: 200%;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: left top;
transform-origin: left top;
pointer-events:none;
}


body,html,#root{
height: 100%;
background: #f5f5f5;
}

 

 


@media (min-width: 240px) {
html {
font-size: 32px;
}
}

@media (min-width: 320px) {
html {
font-size: 42.66667px;
}
}

@media (min-width: 360px) {
html {
font-size: 48px;
}
}

@media (min-width: 375px) {
html {
font-size: 50px;
}
}

@media (min-width: 384px) {
html {
font-size: 51.2px;
}
}

@media (min-width: 411px) {
html {
font-size: 54.8px;
}
}

@media (min-width: 414px) {
html {
font-size: 55.2px;
}
}

@media (min-width: 424px) {
html {
font-size: 56.53333px;
}
}

@media (min-width: 480px) {
html {
font-size: 64px;
}
}

@media (min-width: 540px) {
html {
font-size: 72px;
}
}

@media (min-width: 640px) {
html {
font-size: 85.33333px;
}
}

@media (min-width: 720px) {
html {
font-size: 96px;
}
}

@media (min-width: 750px) {
html {
font-size: 100px;
}
}

@media (min-width: 768px) {
html {
font-size: 102.4px;
}
}

@media (min-width: 800px) {
html {
font-size: 106.66667px;
}
}

@media (min-width: 980px) {
html {
font-size: 130.66667px;
}
}

@media (min-width: 1024px) {
html {
font-size: 136.53333px;
}
}

@media (min-width: 1080px) {
html {
font-size: 144px;
}
}

@media (min-width: 1152px) {
html {
font-size: 153.6px;
}
}

@media (min-width: 1366px) {
html {
font-size: 182.13333px;
}
}

@media (min-width: 1440px) {
html {
font-size: 192px;
}
}

@media (min-width: 2160px) {
html {
font-size: 288px;
}
}