background-size 100% vs contain vs cover
100%: 요소와 동일한 크기로 배경 이미지를 보여줍니다. (이미지 왜곡될수 있음)
cover: 요소에 이미지를 최대한 크게 보여줍니다. ( 이미지가 잘리수 있음) -> 배경화면에 여백을 만들지 않음
contain: 요소에 이미지를 최대한 크게 보여주되 (이미지가) 잘리는 부분이 없고 동일한 비율을 유지합니다.
'빵부스러기' 카테고리의 다른 글
| [빵 부스러기] React 폰트 적용 (0) | 2024.01.26 |
|---|---|
| [빵 부스러기] scss 함수 사용법 (0) | 2024.01.25 |
| [임시] scss vs css (0) | 2024.01.17 |
| [임시] 반응형 웹/앱 - 디바이스의 실제 width 값 계산하는 방법 (1) | 2024.01.16 |
| React 로 iOS / AOS 앱 디버깅 하기 2 - 로컬에서 핸드폰 카메라 / 마이크 허용하기 (1) | 2024.01.08 |