반응형 닫기버튼 css를 하고 있는데
조금 헷갈려서 정리를 해보았다.
background-size: auto | length | cover | contain | initial | inherit
- cover : 배경을 사용하는 요소를 다 채울 수 있게 이미지를 확대 또는 축소합니다. 가로 세로 비율을 유지합니다.
- contain : 배경을 사용하는 요소를 벗어나지 않는 최대 크기로 이미지를 확대 또는 축소합니다. 가로 세로 비율을 유지합니다.
정리 )
cover는 말그대로 여백 커버
contian 딱 넓이만큼안에서만 contain 된다
Web Publisher