移动端像素
移动端
1、移动端
媒体查询结合rem (流式布局、100%)
vw结合rem (等比缩放布局)
2、dpr 设备像素比
物理像素 (PS测量的像素)
逻辑像素 (css设置或者屏幕显示的像素)
3、dpr =物理像素/逻辑像素
640px (5/4) dpr2
750px (6/7/8) dpr2
1080px dpr3
4、单位:
绝对定位 px、pt
相对单位 100%
em(父元素的fontsize值)
rem(根元素html的fontsize值)
5、禁止网页缩放:
@media all and (max-width: 320){html{font-size: 12px;}
}
@media all and (min-width: 321) and (max-width: 375){html{font-size: 14px;}
}
@media all and (min-width: 376){html{font-size: 16px;}
}
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
