屏幕尺寸与分辨

记录一下踩过的屏幕兼容的坑

物理分辨率 = 逻辑分辨率 * 设备像素比

window.screen.width * window.devicePixelRatio

所以,在小屏幕高分屏上(例如2k屏的pad or 4k屏的非大屏显示器上)当我们将系统分辩率设为推荐分辩率时(推荐分辩率一般为物理分辩率),前端js打印出来的window.screen.width未必等于系统显示的分辩率,因为小屏幕的高分屏像素点密度非常高,可能会导致像素点过于密集而导致人眼看不清,系统会自动进行一个像素密度缩放比的调节,前端所打印出来的分辩率就是物理分辩率/像素缩放比

当页面中有canvas时,canvas的兼容需要长宽乘以设备像素缩放比,否则canvas图层会比其他html图层比例大

你可能感兴趣的:(屏幕尺寸与分辨)