【问题标题】:HTML srcset - when to use the x descriptor?HTML srcset - 何时使用 x 描述符?
【发布时间】:2016-06-08 17:39:59
【问题描述】:

我正在阅读 HTML5 中的响应式图像并有一个问题。

什么时候使用 x 描述符?例如,如果您有相同图像的不同分辨率版本,为什么您永远不使用 w 描述符? 据我了解,如果您定义:

<img src="fallback.img" alt"txt"
     srcset="large.jpg 1024w,
             medium.jpg 640w,
             small.jpg  320w,"
     sizes="250px"   
     alt="txt">

然后浏览器通过将图像的宽度 (1024,640,320)(由 w 描述符提供)除以它们将在 (250) 处显示的宽度(由尺寸提供)来计算像素密度属性。通过获取像素密度,浏览器可以考虑高密度显示。

到目前为止,我是这样理解的,如果我错了,我很想知道。那么什么时候 w 描述符不是最佳选择/什么时候 x 描述符更可取?

【问题讨论】:

  • 你理解的没错。如果你在px 中只定义一个sizes 值,你就模仿了x 描述符的特性。在这些情况下使用 x 描述符的唯一原因是:它的语法更短。从历史上看,x 描述符在 w 描述符之前。

标签: html responsive-design descriptor srcset responsive-images


【解决方案1】:

以前,我只在图像的渲染大小固定时才使用x 描述符,这种情况并不经常发生。

唯一的好处是一些浏览器支持x描述符,但支持w

现在浏览器支持很广泛,我只使用w 描述符,很少使用&lt;picture&gt;

【讨论】:

    猜你喜欢
    • 2019-04-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-27
    相关资源
    最近更新 更多