我應該在srcset屬性中包含哪些解決方案？

什麼樣的解決方案在srcset屬性中包含有意義？ MediaWiki使用1.5x和2x。是否有任何可以使用3x的設備？我應該在srcset屬性中包含哪些解決方案？

編輯：最後一個問題的答案seems to be 「yes」。

編輯2015年10月：要以儘可能少的圖像版本越好，1.5x，2x和3x滿足大多數設備似乎是去

2014-01-17 leo

下面是一些設備和比率的不完全清單的方式：

 

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像素。

參考

來源

2014-04-08 19:45:11

感謝名單。我可以添加Xperia Zx，Xiaomi2，Galaxy Note 3：3x，這會給我們留下'1.3x，1.5x，2x，3x'（現在忽略Google Nexus實際上[似乎是] /www.html5rocks.com/en/tutorials/canvas/hidpi/）'1.325x' ...）。該規範的引用回答了一個不同的（但也是有趣的）問題。 – leo

我應該在srcset屬性中包含哪些解決方案？

回答

相關問題