Srcset不工作但显示alt标记消息

时间:2017-09-24 07:22:59

标签: responsive-design responsive-images srcset

我正在构建一个新网站,并希望使用srcset让浏览器确定哪个图像最适合当前视口。

发生的事情是,我在srcset中放入的浏览器只显示alt标签文本" test"。如果我通过F12开发人员工具完全删除srcset属性,图像显示就好了。 我的示例中的所有图像都存在并显示在浏览器中:

这是我的图片标记,任何人都可以看到它有什么问题吗?

<img src="http://localhost/Medium/Alaska-2-1818.jpg" srcset="http://localhost/Large/Alaska-2-1818.jpg 500w, http://localhost/XXLarge/Alaska-2-1818.jpg 1000w" alt="test">

我的问题显示在我做的这个codepen中: https://codepen.io/AxelAndersen/project/editor/DxKeaV

1 个答案:

答案 0 :(得分:0)

在您的Codepen中,某些网址有错误,错过了一个错误&#34; i&#34;。