프론트엔드기초 (1) 썸네일형 리스트형 [CSS: 반응형] 반응형 웹을 위한 CSS 단위 쉽게 정리! - 단위(px, rem, em) 완벽 가이드 1. CSS 단위 설명 🔍px절대 크기. 화면 크기에 상관없이 고정.버튼 테두리, 작은 아이콘rem루트(html)의 폰트 크기 기준. 전체 디자인에 통일감 있게 설정할 때 유용.본문 폰트, 여백em자기 자신 또는 부모 폰트 크기 기준. 상속 구조에서 유용.버튼 내부 간격%부모 요소 기준 비율. 유동 레이아웃 만들기 좋음.이미지, 박스 크기vw / vh뷰포트 너비/높이 기준. 화면 크기에 따라 자동 조정.큰 타이틀, 풀스크린 영역 2. 반응형 디자인을 위한 레이아웃 설정 방법 📍상위 요소에서 Flexbox와 Grid 사용Flexbox와 CSS Grid는 반응형 레이아웃을 만들 때 매우 유용한 레이아웃 모델입니다. width, height 값은 상대적인 단위로 설정하여 유동적으로 크기를 조정할 수 있습니.. 이전 1 다음
