Srcset不工作，但显示ALT标记消息

我正在建立一个新的网站，并希望使用srcset让浏览器确定什么图像是最好的当前视口。Srcset不工作，但显示ALT标记消息

会发生什么是我曾经放在srcset浏览器将只显示替代标记文本“测试”。如果我通过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

来源

2017-09-24 Axel Andersen

在你Codepen一些URL有错误，缺少一个 “我”。

来源

2017-09-25 08:10:29

是的，那是一个不同的错误，现在已经修复了。不幸的是，我的实际项目并非如此。如果我使用images.friliv.dk图像替换我的本地主机图像，它会起作用，是否有某些东西阻止了本地主机提供的图像。我在这里有一个屏幕截图显示我的问题： https://imgur.com/a/TJpzX –

你的代码忽略了强制的'src'属性，也许增加它会解决问题。但我不知道它为什么与远程图像一起工作。 –

ehhh no：src =“http：//localhost/Medium/Alaska-2-1818.jpg” 对于现代浏览器来说，这应该不是一件容易的事情 –

Srcset不工作，但显示ALT标记消息

回答

相关问题