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標記消息

回答

相關問題