<img> 태그의 sizes 속성
HTML <img> 태그 ⇒
정의 및 특징
<img> 태그의 sizes 속성은 서로 다른 페이지 레이아웃에 대한 이미지 소스의 크기를 명시합니다.
sizes 속성은 이미지 소스의 크기를 나타내는 하나 이상의 문자열을 콤마(,)로 결합한 리스트를 속성값으로 가집니다.
각 이미지 소스의 크기를 나타내는 문자열은 다음과 같이 구성됩니다.
1. 미디어 상태(마지막 아이템에서는 생략함)
2. 이미지 소스의 크기값
예제
<img srcset="/examples/images/people_960.jpg 960w,
/examples/images/people_575.jpg 575w"
sizes="(min-width: 960px) 50vw,
(min-width: 575px) 75vw,
100vw"
src="/examples/images/people_575.jpg" alt="people">
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| sizes | 지원함 | 지원함 | 지원함 | 지원함 | 지원함 | 지원함 |
