<img src="media/640x320_image.jpg" srcset="media/640x320_image.jpg 320w, media/640x1280_image.jpg 768w" sizes="(min-width:768px) 768px, 320px">
上面的srcset和大小有什么问题? 640x1280_image.jpg总是显示,当我把窗口缩小时,它不会改变。
答案 0 :(得分:1)
我不明白media/640x1280_image.jpg 768w
。你真的使用640px宽的图像,但告诉浏览器它的宽度是768px吗?
肯定会破坏srcset
算法中的所有内容。
看起来您希望使用“艺术方向”根据视口宽度显示不同比例的图像。
如果这是您想要的,则需要使用<picture>
,因为仅srcset
不提供此功能。