반응형 웹에서 이미지를 빨간 박스 안에 꽉 채우고 싶어요.
img 태그에 width:100%, height:auto를 적용하면 세로에 빈 공간이 생기는데 어떻게 하면 좋을까요?
비율이 깨지거나 가로가 잘려도 괜찮고, 빨간 박스만 채우면 됩니다.
이미지 width:100%일 때 높이도 꽉 채우려면 어떻게 하나요?
보예 2026.08.06 댓글 3
보예 2026.08.06 댓글 3
반응형 웹에서 이미지를 빨간 박스 안에 꽉 채우고 싶어요.
img 태그에 width:100%, height:auto를 적용하면 세로에 빈 공간이 생기는데 어떻게 하면 좋을까요?
비율이 깨지거나 가로가 잘려도 괜찮고, 빨간 박스만 채우면 됩니다.
해늘 2026.08.06
간단하게 생각해 보시면 될 것 같아요.
검사 2026.08.06
CSS3 속성이긴 한데 background-size: cover를 쓰시면 됩니다.
율아 2026.08.06
고정 높이 박스라면 높이를 고정해 보세요.