모바일 css1 웹 제작하면서 알게된 반응형 css 개발하면서 알게된 지식들을 정리해보고 싶었다. 앞으로도 써먹을 반응형 css! 1. 웹 Header - Main - Footer 구조 #app { min-width: 1300px; min-height: 100vh; } .view { min-height: calc(100vh - header - footer); } 👉 Main 높이는? header { } main { min-height: calc(100vh - header - footer); } footer { } 👉 Header가 position: fixed일때 Main 높이는? header { } main { padding-top: header; min-height: calc(100vh - footer); } footer { } ✅ 웹에서도 min-he.. 2022. 1. 1. 이전 1 다음