국비지원 UX UI 디자인/코딩 수업
[수업노트](20.11.13)D+26 flex활용하여 레이아웃 잡기
papiliofly
2020. 11. 14. 02:59
728x90
※ html 형식
※ container를 화면 크기에 맞추는 방법
- height:100% 지정=body 높이 기본값이 auto 라서 불가능
- min-height:100vh;로 지정하여야한다.
1. flex-grow : 기본값 0 한정된 컨테이너 내에서 아이템이
차지하는 부분을 나눠가지는 비율
2. flex-shrink : 기본값 1 한정된 컨테이너 내에서 아이템이
줄어들때 줄어드는(양보하는) 비율
728x90