web移动端CSS使用em单位设置font-size自适应

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web移动端CSS使用em单位设置font-size自适应相关的知识,希望对你有一定的参考价值。

:root {
font-size: 16px;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) {
:root {
font-size: 18.75px;
}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-device-pixel-ratio: 3) {
:root {
font-size: 20.7px;
}
}

@media screen and (min-width: 414px) {
:root {
font-size: 20.7px;
}
}

 

以上是关于web移动端CSS使用em单位设置font-size自适应的主要内容,如果未能解决你的问题,请参考以下文章

移动端remem单位的使用

移动端常用单位(%和rem)

pc端web、移动端web的字体大小、颜色、字体样式使用

网站手机端最小字体是.16rem吗

CSS长度单位

移动端用rem使字体自适应