사랑하애오
반응형웹의 가변 그리드 , max 와 min
HTML, CSS, Layout, Grid 2021. 9. 9. 16:33

◆가변 그리드 가변 그리드는 웹사이트를 제작할 때 화면의 크기에 관계없이 자유롭게 늘어나거나 줄어들 수 있도록 픽셀 설정 값이 아닌 퍼센트(%) 설정 값 또는 가변 그리드 단위로 제작하는 기술이다. 가변 그리드 마다 계산하는 공식이 존재하고 공식이 모두 다르다. ●가변 그리드의 단위 가변 그리드의 단위들 vw vh vmin vmax em rem % vw : 웹 넓이를 100을 기준으로 크기를 결정함. vh : 웹 높이를 100을 기준으로 크기를 결정함. vmin : 높이와 너비중 짧은쪽을 100을기준으로하여 크기 결정. vmax : 높이와 너비중 긴쪽을 100을기준으로 하여 크기 결정. em : 부모의 font-size를 상속 받음. (1em = 부모 font-size) >> 부모 font-size가 설..