小编jes*_*nho的帖子

我可以使用 `<img srcset>` 或 `<picture>` 作为图像大小而不是视口大小吗?

我试图<img srcset />根据图像在页面上显示的大小来加载图像,而不是根据视口的大小。也许例子会有所帮助:

  • 在任何视口上,当图像width: 100%在 200px 宽内设置样式时<div>img-200.jpg应该加载。
  • 在任何视口上,当图像的样式设置为400pxwidth: 100%宽时,应该加载。<div>img-400.jpg
  • ...ETC。

我已经进行了大量的谷歌搜索,但据我所知,srcset仅用于根据视口大小而不是图像大小更改图像,如果这有意义的话。那是对的吗?或者我想要完成的事情还有希望吗?

css srcset responsive-images

4
推荐指数
1
解决办法
1024
查看次数

标签 统计

css ×1

responsive-images ×1

srcset ×1