【发布时间】: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