목록imgsrc (1)

뇌 채우기 공간

[html] 이미지 소스 셋 img srcset / 브라우저 크기에 따라 자동으로 이미지 크기 바꾸기/ sizes속성

이미지 소스셋에 대해 알아보겠습니다. 브라우저 크기에 따라 이미지가 바뀌도록 설정해보겠습니다. 브라우저 크기가 가로가320px일때 , 640px일때, 1024px일때 왼쪽에서 부터 송강 사진이 바뀝니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Document Colored by Color Scripter cs 링크가 길어서 뒤에는 안보이겠지만 srcset에 이미지 링크를 넣고 하나 띄우고 320w 이라고 쓰면 브라우저 크기가 가로 320px일때 그 이미지가 나온다는 뜻입니다. 그리고 밑에 src와 alt가 있는데 그건 srcset에 이미지가 없을때 저 이미지가 나온다는 뜻입니다. 개발자 도구로 가서disable cache를 눌러줍니다. 왜냐하면 이미지가..
WEB/html,CSS 2021. 4. 7. 08:56
이전 Prev 1 Next 다음