목록sizes (1)

Outputor

img 태그에 대해 알아보자(width와 height, srcset, sizes)

1. width와 height img에 width값만 줘도 원본 이미지 비율에 맞춰서 자동으로 height도 값을 준다 2. srcset img에 srcset 속성은 반응형할때 사용된다. 맨 처음에 큰 이미지를 받으면 뷰포트 사이즈가 줄어도 그 큰이미지로 계속 적용되지만, 맨 처음에 작은 이미지를 받으면 뷰포트 사이즈가 커지면 큰 이미지를 다운받아 사용하는 방식이다. 그리고 맨 처음에 작은 이미지를 다운 받아서 보여줄 경우 뷰포트 사이즈가 커지지 않으면 다운받은 작은 이미지를 제외한 다른 이미지는 다운받지 않는다. srcset을 이용하면 이미지의 width가 뷰포트 width에 꽉 차있어서 이걸 해결하는 방법은 아래에 나와있다. 3. sizes img에 sizes 속성으로 뷰포트에 꽉차는 srcset 이..
📰 HTML 🔻/🐦 HTML-Note 2022. 2. 24. 11:33
이전 Prev 1 Next 다음