HTML、CSS入门学习 | media queries + rem值应用
发布时间
阅读量：
阅读量
媒体查询+rem 计算方法:
计算rem方法：基于媒体查询机制，在不同设备尺寸下动态调整html字体大小值。
其中：
- 设计图尺寸：640px、750px、1080px
- DRP（dots per inch）设置：分别为2、2、3
- 应用范围：定义为320px至375px
@media screen and (max-width:320px){
html{
font-size:12px;
}
}
@media screen and (min-width:321px) and (max-width:375px){
html{
font-size:14px;
}
}
@media screen and (min-width:376px){
html{
font-size:16px;
}
}
``全部评论 (0)
还没有任何评论哟~