HTML5 srcset 및 크기

2016-07-08 5 views 1 likes

<img src="media/640x320_image.jpg" srcset="media/640x320_image.jpg 320w, media/640x1280_image.jpg 768w" sizes="(min-width:768px) 768px, 320px">

위의 srcset 및 크기가 잘못되었습니다. 640x1280_image.jpg는 항상 내 창을 작게 만들면 변경되지 않습니다.HTML5 srcset 및 크기

2016-07-08 poashoas

테스트 할 브라우저는 무엇입니까? – Stijn

Google 크롬 최신 – poashoas

나를 위해 파이어 폭스에서 작동하지만 크롬에서는 작동하지 않는 것 같습니다. Chrome이 이유를 지원하는 이유가 확실하지 않습니다. '' – Stijn

답변

나는 이해할 수 없다. media/640x1280_image.jpg 768w. 640px 와이드 이미지를 실제로 사용 하나 브라우저에 768px 너비입니까?

srcset 알고리즘의 모든 문제가 발생합니다.

아트 디렉션을 사용하여 뷰포트 너비에 따라 다른 비율의 이미지를 사용하려는 것 같습니다.

srcset만이 이것을 제공하지 않기 때문에 원하는 경우 <picture>을 사용해야합니다.

2017-03-24 09:35:07