我正在尝试实现具有以下松散要求
的全屏响应式图像解决方案 0-600px>显示小图像
601-900px>显示中等图像
901-2000px>显示大图
经过一番挖掘，我决定使用：
的尺寸iPhone 6> 414x736
iPad> 768x1024
我为每个屏幕大小创建了单独的图像（艺术方向目的），并使用以下SRCSET代码
<img src="/assets/images/414X736/artGallery.jpg"
srcset="/assets/images/414X736/artGallery.jpg 414w,
/assets/images/768x1024/artGallery.jpg 768w,
/assets/images/1920x1080/artGallery.jpg 1920w">
图像具有以下CSS （因此行为类似背景：封面）
img {
display:block;
height:100vh;
width:100vw;
object-fit:cover;
}
我将桌面监视器尺寸尺寸小，并调整了整个尺寸，直到全屏，在正确位置替换的图像
然而，在我的手机和平板电脑上，它始终显示1920年的图像
理想情况下，我想在从小到大
缩放浏览器窗口时替换图像我对SRCSET的理解是，一旦加载了最大图像，它就不会加载较小的图像
帮助和建议赞赏
如果要做出某种艺术方向，则需要使用<picture>而不是srcset-w。
顺便说一句，您的代码错过了sizes属性，如果您将srcset属性与w描述符一起使用。