媒体查询适配
* {
margin: 0;
padding: 0;
list-style: none;
font-family: HelveticaNeue-CondensedBol;
}
ul {
list-style: none;
}
a {
text-decoration: none;
}
i {
font-style: normal;
}
body {
font-size: 12px;
font-family: PingFangSC-Medium;
}
@media screen and (min-width: 240px) {
html {
font-size: 32px;
}
}
@media screen and (min-width: 320px) {
html {
font-size: 42.66667px;
}
}
@media screen and (min-width: 360px) {
html {
font-size: 48px;
}
}
@media screen and (min-width: 375px) {
html {
font-size: 50px;
}
}
@media screen and (min-width: 384px) {
html {
font-size: 51.2px;
}
}
@media screen and (min-width: 411px) {
html {
font-size: 54.8px;
}
}
@media screen and (min-width: 414px) {
html {
font-size: 55.2px;
}
}
@media screen and (min-width: 424px) {
html {
font-size: 56.53333px;
}
}
@media screen and (min-width: 480px) {
html {
font-size: 64px;
}
}
@media screen and (min-width: 540px) {
html {
font-size: 72px;
}
}
@media screen and (min-width: 640px) {
html {
font-size: 85.33333px;
}
}
@media screen and (min-width: 720px) {
html {
font-size: 96px;
}
}
@media screen and (min-width: 750px) {
html {
font-size: 100px;
}
}
@media screen and (min-width: 768px) {
html {
font-size: 50px;
}
}
@media screen and (min-width: 800px) {
html {
font-size: 50px;
}
}
@media screen and (min-width: 980px) {
html {
font-size: 50px;
}
}
@media screen and (min-width: 1024px) {
html {
font-size: 50px;
}
}
@media screen and (min-width: 1080px) {
html {
font-size: 50px;
}
}
@media screen and (min-width: 1152px) {
html {
font-size: 50px;
}
}
@media screen and (min-width: 1366px) {
html {
font-size: 50px;
}
}
@media screen and (min-width: 1440px) {
html {
font-size: 50px;
}
}
@media screen and (min-width: 2160px) {
html {
font-size: 50px;
}
}
