全屏響應圖像標記

Question

我想弄清楚最好和最簡單的方法來創建支持視網膜屏幕的全屏圖像，並且還涵蓋從大型桌面到屏幕的屏幕尺寸。圖像始終以所有寬度填充視口。在我看來，最簡單的方法是從桌面屏幕（對於桌面視網膜）的兩倍像素寬度到一個手機屏幕寬度的範圍內創建圖像，然後將它們全部列在srcset和讓browswer瞭解它，大概是因爲img總是全寬，我不需要爲尺寸屬性打擾？

這是最好的方法嗎？

Answer 1

總之是的，但你仍然應該使用sizes屬性。現在需要，但您可以將其設置爲：sizes="100vw"。