老师，我见很多移动端布局，用@media标签写了很多根字体大小，但是看到你这样写，所有屏幕根字体都是37.5，和他们那种相比有区别吗
来源：
muke_lg
2017-02-16
@media screen and (min-width: 320px) {
html {
font-size: 100px;
}
}
@media screen and (min-width: 360px) {
html {
font-size: 107px;
}
}
@media screen and (min-width: 400px) {
html {
font-size: 114px;
}
}
@media screen and (min-width: 440px) {
html {
font-size: 121px;
}
}
@media screen and (min-width: 480px) {
html {
font-size: 129px;
}
}
写回答
1回答
-
慕雪1613582
2017-02-16
@media是媒体查询，为不同浏览器、屏幕编写不同的样式文件。以前的处理方法，编写调试都比较麻烦，移动端不推荐。
你这个代码是对屏幕大小进行适配，如果要对高分屏适配要根据dpr来写，具体可以参考手淘的页面。
00
相似问题