목록Flex (1)

zooooss

[반응형 웹] 상대단위(rem / em)와 레이아웃(grid / flex) - 02

상대단위 rem과 em의 개념, 그리고 레이아웃 grid와 flex의 차이에 대하여 알아보겠습니다! - em과 rem em과 rem은 상대단위를 의미하는데요! 이와 반대의 개념으로는 자주 쓰이는 절대단위 픽셀값인 px가 있습니다! 상대단위 em과 rem은 기준에 따라 크기가 변화합니다! rem : 루트 엘리먼트의 font-size가 기준 em : 자신과 부모의 font-size가 기준 쉽게 설명하자면, em은 전체 html의 font-size에 상대적으로 계산되는 단위입니다! 어느 곳에서 사용되던 제일 상위로 설정된 font-size의 n배인 것입니다! 2em이면 2 * font-size를 의미하죠! 반면에, rem은 현재 rem이 쓰인 요소 안의 font-size나 부모 요소의 font-size를 따라..
STUDY/Responsive Web 2023. 8. 14. 20:37
이전 Prev 1 Next 다음