[CSS] background-image로 사진 넣을 때 비율 맞추기

What I Learned/HTML&CSS

rilee 2022. 2. 8. 16:12

728x90

- 비율을 맞춰서 넣으려면 background-size: contain, div 에 꽉차게 넣으려면 background-size: cover

- div 사이즈보다 이미지가 작은 경우, 이미지가 반복되므로 한 장만 보여주기 위해 background-repeat: no-repeat

📍 참고

일정한 사이즈 div 안에 이미지 넣기 (잘리면서 꽉차게, 잘리지 않고 축소)

+) 이번 프로젝트를 진행하면서 퍼블리싱 부분에서 가장 애를 먹었던 부분. 혹시 제가 놓친 점이나 더 좋은 방법, 다른 방법이 있다면 얼마든지 알려주시기 바랍니다. 1. 잘리면서 꽉차게 * 상위 d

multifidus.tistory.com

728x90