通过媒体查询响应的srcset图像?

时间:2019-03-07 00:43:35

标签: srcset

如果我想向浏览器指定当屏幕为img srcset(移动)时以及在屏幕上方时显示的图像,是否误解了max-size: 599px标签?

<img 
srcset="
    small.jpg 600w,
    big.jpg   2000w"
sizes="
    (max-width: 599px) 600w,
    2000w"
src="big.jpg" alt="Some text" />

此代码完全不符合我的期望。我希望浏览器在移动屏幕上显示小图像,并在其他所有设备分辨率下显示大图像。有没有办法简单地做到这一点?太混乱了

我已经阅读了有关SitePoint,Smashing Mag等的文章,但没有一个人像上面那样简单地解释它。它们涉及图像的宽度,视口,比率等。我所需要的只是在媒体查询屏幕的分辨率样式中指定要显示哪种分辨率的图像。

非常感谢。

0 个答案:

没有答案