728x90
반응형
Object-fit 속성으로
fill = 가로 세로를 크기에 맞게 꽉채운다(비율무시)
contain = 지정한 크기에 맞게 비율을 유지한채 꽉 채운다
cover = 비율을 유지한채 가로와 세로가 꽉차도록 확대된다
none = 원본 크기 상관없이 가운데 정렬된다.
scale-down = 원본보다 작아지며 contain과 비슷한 결과가 보여진다.
유튜브 동영상 반응형으로
728x90
반응형
'CSS > CSS 기초' 카테고리의 다른 글
| [CSS]가상선택자 :before / : after 활용하기 (0) | 2019.05.23 |
|---|---|
| [CSS]input[type=radio], input[type=checkbox] 스타일 적용 및 checked 선택자 이용하기 (0) | 2019.05.23 |
| [CSS]반응형 레이아웃 - 순서변경 Flex (0) | 2019.05.23 |
| [CSS]FLEX 기초2 (0) | 2019.05.22 |
| [CSS]글자에 그라디언트 또는 이미지로 채워 넣기 (0) | 2019.05.21 |
댓글