我应该写这篇文章吗?
srcset="small.jpg 1x 500w, medium.jpg 2x 1000w, large.jpg 3x 1500w"或者这个
srcset="small.jpg 500w, medium.jpg 1000w, large.jpg 1500w"这两个表达是一样的吗?
发布于 2018-05-24 02:27:20
您的第一个代码块不正确,请参阅此MDN文档:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset
srcset属性可以包含宽度描述符(W)或像素密度描述符(例如,2倍),但不是两者的组合。
第二个代码块是正确的。
附注:在选择下载三张图片中的哪一张时,浏览器会自动考虑设备的像素密度。
发布于 2017-02-20 21:39:34
它看起来像两者中的后一种(基于本文):https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/
CSS-Trick通常很擅长更新其内容,以防情况发生变化。我可以看到他的文章是2014年的,这是旧的,但现在是疯狂的旧。
但如果是我,我会两个都试一试,使用谷歌Chrome,使用“切换设备工具栏”(如果你不知道它是什么的话,用谷歌搜索那个),然后检查元素,看看它是否能像你希望的那样工作。
https://stackoverflow.com/questions/42345192
复制相似问题