为什么在移动端用rem圆角不圆
Posted 泡泡
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为什么在移动端用rem圆角不圆相关的知识,希望对你有一定的参考价值。
rem是根据网页效果图的尺寸来计算的,当然还要借助媒体查询来完成。
例如你的设计稿如果是宽720px的话,那你的文字就要以原始大小除以11.25,就是对应下面媒体查询720px;例如16px的话就要16/11.25这样来计算。用之前要把下面这段代码放到你css文件里:
@media only screen and (max-width: 1080px) {
html, body {
font-size: 16.875px;
}
}
@media only screen and (max-width: 960px) {
html, body {
font-size: 15px;
}
}
@media only screen and (max-width: 800px) {
html, body {
font-size: 12.5px;
}
}
@media only screen and (max-width: 720px) {
html, body {
font-size: 11.25px;
}
}
@media only screen and (max-width: 640px) {
html, body {
font-size: 10px;
}
}
以上是关于为什么在移动端用rem圆角不圆的主要内容,如果未能解决你的问题,请参考以下文章