공부기록, 21-05-27

vh

• vh는 화면 대비로 효과를 준다.
• 100vh를 주면 화면전부 50을 주면 화면의 50으로 창을 줄이면 줄이는 만큼이다.

min-height:100vh

• 그냥 height:100vh를 주면 내용이 넘쳐나도 100이다
• 높이를 안주게되면 자연스럽게 늘어나지만 내용이 줄어들면 같이 줄어든다.
• min-height:100vh를 주게되면 내용에 넘치면 맞춰서 늘어나고 내용이 없을 때도 100을 유지한다. 그래서 min을 주는 것이 좋다.

flex-shrink

• flex 아이템들은 기본적으로 수축성을 가지고있다.
• flex-shrink:0; 을 주면 자기의 너비를 유지한다.

position:fixed

• position:fixed는 스크롤바가 내려가도 고정되어서 따라다닌다.