Chrome的`srcset`属性对应哪些设备尺寸/分辨率?

时间:2014-02-27 22:27:31

标签: html css google-chrome responsive-design pixel-ratio

是否有地图定义了Google Chrome IMG srcset属性尺寸对应的设备尺寸/分辨率?

例如,在

的情况下
<img src="pic1x.png" srcset="pic1x.png 1x, pic2x.png 2x, pic4x.png 4x">

每种尺寸/分辨率的屏幕都能获得这些尺寸?和/或还有其他尺码吗?

1 个答案:

答案 0 :(得分:1)

srcset乘数表示每像素单位的点数。它映射到像素与物理尺寸的比率,而不是特定的分辨率。这是一个简单的映射:

Multiplier(dppx)  Dots Per Inch(dpi)
1                 96dpi
1.3               124.8dpi
1.5               144dpi
2                 192dpi
1 dppx = 96 dpi
1 dpi = 2.54 dpcm
1 dpcm ≈ 0.39dpi
  • dpi:每英寸点数; 1dpi≈2.54dpcm
  • dpcm:每厘米点数; 1dpcm≈0.39dpi
  • dppx:每px单位的点数; 1dppx≈96dpi

<强>参考