CSS/CSS 기초
[CSS]Object-fit 이미지나 비디오 크기에 맞춰 자르는 방법
알찬 퍼블리셔
2019. 5. 23. 12:30
728x90
반응형
Object-fit 속성으로
fill = 가로 세로를 크기에 맞게 꽉채운다(비율무시)
contain = 지정한 크기에 맞게 비율을 유지한채 꽉 채운다
cover = 비율을 유지한채 가로와 세로가 꽉차도록 확대된다
none = 원본 크기 상관없이 가운데 정렬된다.
scale-down = 원본보다 작아지며 contain과 비슷한 결과가 보여진다.
유튜브 동영상 반응형으로
728x90
반응형