Srcsetが動作しませんが、altタグのメッセージが表示されます

私は新しいウェブサイトを構築していますが、srcsetを使用して現在のビューポートに最適な画像をブラウザに表示させたいとします。Srcsetが動作しませんが、altタグのメッセージが表示されます

何が起こるかは、ブラウザが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

出典

2017-09-24 Axel Andersen

をごCodepenでは、いくつかのURLがエラーを持って、一つの "i" の行方不明。

出典

2017-09-25 08:10:29

はい、これは別の間違いで、今修正されました。残念ながら、それは私の実際のプロジェクトの場合ではありません。 localhostイメージをimages.friliv.dkイメージで置き換えると、これが動作します。localhostで提供されているイメージで作業できないようになります。 https://imgur.com/a/TJpzX –

コードで必須の 'src'属性が欠落している可能性があります。これを追加すると問題が解決されます。しかし、私はなぜそれがリモートイメージで動作するのかわかりません。 –

ehhhいいえ：src = "http：//localhost/Medium/Alaska-2-1818.jpg" 現代のブラウザではそれはまったく不可能ではありません –

Srcsetが動作しませんが、altタグのメッセージが表示されます

答えて

関連する問題