响应式min-device-width、min-width

原创 ninja123 随笔 笔记 348阅读 2017-05-16 11:53:36 举报

min-device-width 与min-width h5中手机屏dpr不同。一个像素渲染所用物理像素不同,min-device-width关注的是设备宽度,min-width在h5中要考虑dpr,列入pad 逻辑像素768px。但dpr=2,也就是一个逻辑像素要22个物理像素渲染;iPhone6plus dpr=3,物理像素就是 4143,如果用min-width=768也会受影响,但min-device-width=768px则不会,只有设备宽度大于768的才会有用。

pc端min-device-width一般等于min-width,因为dpr=1,1逻辑像素就是1物理像素;

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复