首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >srcset,如果我已经指定了每个图像的宽度,我还需要写"1x,2x,3x“吗?

srcset,如果我已经指定了每个图像的宽度,我还需要写"1x,2x,3x“吗?
EN

Stack Overflow用户
提问于 2017-02-20 20:57:12
回答 2查看 9.9K关注 0票数 6

我应该写这篇文章吗?

代码语言:javascript
复制
srcset="small.jpg 1x 500w, medium.jpg 2x 1000w, large.jpg 3x 1500w"

或者这个

代码语言:javascript
复制
srcset="small.jpg 500w, medium.jpg 1000w, large.jpg 1500w"

这两个表达是一样的吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-05-24 02:27:20

您的第一个代码块不正确,请参阅此MDN文档:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset

srcset属性可以包含宽度描述符(W)或像素密度描述符(例如,2倍),但不是两者的组合。

第二个代码块是正确的。

附注:在选择下载三张图片中的哪一张时,浏览器会自动考虑设备的像素密度。

票数 8
EN

Stack Overflow用户

发布于 2017-02-20 21:39:34

它看起来像两者中的后一种(基于本文):https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/

CSS-Trick通常很擅长更新其内容,以防情况发生变化。我可以看到他的文章是2014年的,这是旧的,但现在是疯狂的旧。

但如果是我,我会两个都试一试,使用谷歌Chrome,使用“切换设备工具栏”(如果你不知道它是什么的话,用谷歌搜索那个),然后检查元素,看看它是否能像你希望的那样工作。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42345192

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档