屏幕尺寸与分辨

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

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

window.screen.width * window.devicePixelRatio

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

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