CSS 像素、DPR 与二倍图换算 | 星雨笔录

核心： devicePixelRatio 反映 CSS 像素与设备像素的比值；高分屏图片需要足够的源像素。

最小示例：

const dpr = window.devicePixelRatio || 1;
console.log(`100 CSS像素约对应 ${100 * dpr} 设备像素`);

学完能做： 理解设备像素比对图像清晰度的影响。