4

我正在阅读 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）除以它们将在（250）处显示的宽度（由大小属性提供）来计算像素密度。通过获取像素密度，浏览器可以解释高密度显示。

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

4

1 回答 1

2

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

唯一的优点是一些浏览器支持x描述符，但w只有一个。

现在浏览器支持很广泛，我只使用w描述符，很少使用<picture>.

于 2017-03-24T10:36:43.213 回答