我应该在srcset属性中包含哪些分辨率?

时间:2014-01-17 10:06:43

标签: image responsive-design retina-display srcset pixel-ratio

在srcset属性中包含哪些分辨率是有意义的? MediaWiki使用1.5x2x。是否有例如任何可以使用3x的设备?

编辑:上一个问题的答案seems to be “yes”

编辑2015年10月:为了迎合大多数设备的图像版本尽可能少,1.5x2x3x似乎是最佳选择

1 个答案:

答案 0 :(得分:3)

以下是一些设备和比例的不完整列表:


1.3x

    Google Nexus 7

1.5x

    Google Nexus S
    Samsung Galaxy S II
    HTC Desire
    HTC Incredible S
    HTC Velocity
    HTC Sensation

2x

    iPhone 4
    iPhone 4S
    iPhone 5
    iPhone 6
    iPad (3rd generation)
    iPad 4
    All Retina displays Mac
    Google Galaxy Nexus
    Google Nexus 4
    Google Nexus 10
    Samsung Galaxy S III
    Samsung Galaxy Note II
    Sony Xperia S
    HTC One X

2.6x
    Nokia Lumia 930

3x
    Xperia Z
    Xiaomi 2
    Galaxy Note
    HTC One (M7)
    HTC Butterfly

以下是该规范的答案:

  

srcset属性与src属性一起使用,该属性提供了用于不支持srcset属性的旧用户代理的映像的URL。这导致了在src属性中提供哪个图像的问题。

     

导致重复性最小的答案是提供适合无限宽度和无限高度视口的图像,每个设备像素的像素密度为1 CSS像素。

<强>参考