我可能错了,但我觉得有道理。
如果您查看 HTML srcset,以下图像将根据设备像素比(x1、x1.5、x2)提供。
https://...2f50d4ad9f5f865b783b02d392de75bdceec01da_2_690x460.jpeg,
https://...2f50d4ad9f5f865b783b02d392de75bdceec01da_2_1035x690.jpeg 1.5x,
https://...2f50d4ad9f5f865b783b02d392de75bdceec01da_2_1380x920.jpeg 2x
通常,移动设备的 x2 比例(或更高)因为它们具有更高的像素密度。
所以您需要提供更高分辨率的图像。
设备像素比
设备像素比 (DPR) 是设备制造商给出的一个数字,用于 HiDPI(高每英寸点数)或 Retina(苹果商标)显示屏,它们是现代智能手机、平板电脑甚至一些笔记本电脑和显示器的一部分。
DPR 与显示屏的像素密度直接相关,密度越高,DPR 值越大。DPR 是屏幕的水平(宽度)或垂直(高度)方向上物理(设备)像素与逻辑(CSS)像素的比率。
换句话说,DPR 是一个用于计算屏幕 CSS 分辨率的数字。从 DPR 我们可以直接看到有多少实际的物理硬件像素构成一个 CSS 像素。示例:
Apple iPhone 12
分辨率(设备像素):1170 x 2532
DPR:3
宽度:1170/3 = 390,高度:2532/3 = 844
因此,CSS 分辨率:390 x 844由于 DPR 为 3,在像素网格中:3(宽度)x 3(高度)= 9;9 个物理像素用于形成一个 CSS 像素。