小编DeN*_*Nag的帖子

HTML srcset - 何时使用 x 描述符?

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

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

<img src="fallback.img" alt"txt"
     srcset="large.jpg 1024w,
             medium.jpg 640w,
             small.jpg  320w,"
     sizes="250px"   
     alt="txt">
Run Code Online (Sandbox Code Playgroud)

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

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

html descriptor responsive-design srcset responsive-images

5
推荐指数
1
解决办法
2290
查看次数