# object-fit

4개의 포스트

[MotherTerarosa] Main- 같은 component + 다른 환경

object-fit은 이미지 자체에 지정하며, width, height를 100%로 주면 마법이 일어납니다...

2022년 1월 11일
·
0개의 댓글
post-thumbnail

Image 다루기

html에서 이미지를 다뤄보자😆최근 웹사이트 토이 프로젝트를 하며 가장 많이 하는 일이 서버로 부터 데이터를 받아와 화면에 뿌려주는 일이다. 글자의 형태의 정보들은 font의 사이즈만 조절해주거나 잡아주는 틀의 모양대로 데이터가 알아서 잘 들어가기 때문에 별 걱정이

2021년 5월 22일
·
0개의 댓글

object-fit

img나 video 같은 태그의 컨텐츠를 컨테이너에 맞도록 어떻게 리사이징 할 것인지 정하는 속성값이다. 카드 스타일의 컴포넌트를 연습할 때 유용하게 사용했는데, 아쉽게도 IE 지원은 되지 않는다고 mdn에 나와있다.

2021년 5월 19일
·
0개의 댓글
post-thumbnail

정사각형이 아닌 이미지 태그 비율 깨짐 해결하기

정사각형이 아닌 이미지 태그 비율 깨짐 현상을 해결해보자

2021년 5월 5일
·
0개의 댓글