Img srcset不按照html中给出的宽度更改图像

时间:2017-03-04 13:14:43

标签: html5 responsive-design pagespeed srcset

我试图根据设备显示图像。例如适用于桌面的大图像,适用于平板电脑的中等尺寸,适用于小型移动屏幕的小型图像我最终得到了关于我的图片的html:

<img src="/media/1037/macbook.png" srcset="/LargeImage 900w,
                 /MediumImage 700w,
                 /SmallImage 400w,
                 /XSmallImage 300w" alt="" data-animate="fadeIn" class="aligncenter">

然而,当我保持屏幕尺寸为400宽时,不显示小图像,而是显示大图像。对于300w屏幕尺寸,我得到中图像而不是x-小图像。

以下是检查的链接:leadgeno.com

在leadgeno.com上,我尝试使用&#34;简单配置选项&#34;在部分上显示图像。我还会附上我尝试更改图片的部分的屏幕截图。

如果我犯了任何错误,请告诉我?

enter image description here

0 个答案:

没有答案