Img srcset:如何使用特定尺寸?

时间:2017-04-17 23:34:37

标签: html image size srcset

我有一个图像,我想在特定的Twitter引导断点处换出。这些是768,992& 1200像素。

我对每个断点都有不同的大小img。 720px最小768px宽,616px最小992px宽& 750px,最小1200px宽。

我已经关注了img srcset文档,但我无法获得正确的加载992px宽度。请参阅下面的代码:

 <img data-no-retina class="img-responsive" 

 src="/img/100vw.jpg" 

sizes="(min-width: 768px) and (max-width: 991px) 720px,
(min-width: 992px) and (max-width: 1199px) 616px, 
(min-width: 1200px) 750px, 100vw" 

 srcset="/img/720px.jpg 720w, 
 /img/616px.jpg 616w, 
 /img/750px.jpg, 750w" 

 alt="Some description">

0 个答案:

没有答案