移动端像素

移动端

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(父元素的font­size值)
rem(根元素html的font­size值)

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;}
}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部