img srcset不能在所有大小上使用(干净的缓存)

时间:2018-12-06 10:42:50

标签: html5 responsive-images srcset

我正在尝试对my site上的某些图像使用img srcset。它适用于平板电脑/移动设备,但不适用于台式机。

例如

<img srcset="https://www.chemist-4-u.com/media/catalog/cache/dc6553a32bf0db0879798bfd88679583.jpg 190w,
             https://www.chemist-4-u.com/media/catalog/cache/941ddf418ab27468aee4aafeb3297757.jpg 335w,
             https://www.chemist-4-u.com/media/catalog/cache/82a36838df9470866094de9d9df02152.jpg 172w" 
     sizes="(max-width: 479px) 190px,
            (max-width: 810px) 335px,
            172px" 
     src="https://www.chemist-4-u.com/media/catalog/cache/82a36838df9470866094de9d9df02152.jpg" alt="Centrum Women - 30 Tablets">

最大480像素,最大图像为190像素,因为它们位于2格网格中。最多810像素,最大图像可能是335像素,因为它们仍处于2格网格中。在此之上,它切换到5项网格,因此它们永远不会大于172像素。除了显示192px版本并缩小比例(看起来很讨厌)之外。

我显然听不懂任何东西,将不胜感激。

0 个答案:

没有答案