【问题标题】:What resolutions should I include in a srcset attribute?我应该在 srcset 属性中包含哪些分辨率?
【发布时间】:2014-02-06 14:47:35
【问题描述】:

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

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

2015 年 10 月编辑:为了满足大多数设备尽可能少的图像版本,1.5x2x3x 似乎是要走的路

【问题讨论】:

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


    【解决方案1】:

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

    1.3 倍 谷歌 Nexus 7 1.5 倍 谷歌 Nexus S 三星盖乐世 S II 宏达欲望 HTC 不可思议的 S 宏达速度 HTC 感觉 2x iPhone 4 iPhone 4S iphone 5 iPhone 6 iPad(第三代) 平板电脑 4 所有 Retina 显示器 Mac 谷歌银河 Nexus 谷歌 Nexus 4 谷歌 Nexus 10 三星盖乐世 S III 三星盖乐世 Note II 索尼 Xperia S 宏达一 X 2.6 倍 诺基亚 Lumia 930 3 倍 Xperia Z 小米2 Galaxy Note 宏达一 (M7) HTC 蝴蝶

    这是规范的答案:

    srcset 属性与 src 属性一起使用,它提供了图像的 URL,用于不支持 srcset 属性的旧版用户代理。这就引出了一个问题,即在 src 属性中提供哪个图像。

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

    参考文献

    【讨论】:

    • 感谢您的列表。我可以添加 Xperia Zx、Xiaomi2、Galaxy Note 3: 3x,这将给我们留下 1.3x,1.5x,2x,3x(现在忽略 Google Nexus 实际上是 seem to be 1.325x...)。规范中的引用回答了一个不同(但也很有趣)的问题。
    猜你喜欢
    • 1970-01-01
    • 2014-03-31
    • 1970-01-01
    • 2021-07-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多