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에 오류가 한 번 "나"실종.