Srcset 不工作，但显示 alt 标签消息

Question

我正在建立一个新网站，并想使用 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

Answer 1

在您的 Codepen 中，某些 URL 有错误，缺少一个“i”。