全屏响应图像标记

Question

我想弄清楚最好和最简单的方法来创建支持视网膜屏幕的全屏图像，并且还涵盖从大型桌面到屏幕的屏幕尺寸。图像始终以所有宽度填充视口。在我看来，最简单的方法是从桌面屏幕（对于桌面视网膜）的两倍像素宽度到一个手机屏幕宽度的范围内创建图像，然后将它们全部列在srcset和让browswer了解它，大概是因为img总是全宽，我不需要为尺寸属性打扰？

这是最好的方法吗？

Answer 1

总之是的，但你仍然应该使用sizes属性。现在需要，但您可以将其设置为：sizes="100vw"。