반응형 화면 레이아웃1 css - 반응형, 모바일 레이아웃, 화면 사이즈별 레이아웃 크기, 폰트 사이즈로 간단히 조절 css, 폰트사이즈(font-size)로 전체적인 레이아웃의 크기 조절 common.css 같은 최상위 공통 css에 폰트의 기본 사이즈를 지정 html{font-size:10px;} html tag에 대한 스타일을 적용할 때 rem 을 사용(px (x)) rem은 기본 사이즈인 10px이 기준. 1rem = 10px em은 감싸는 태그에 있는 px이 기준이 되어서 깊이 들어갈수록 복잡하고 불편해짐 px은 1px 이 아니면 사용할 필요가 없음 /* ......*/ .somewrap{margin-top:3rem;...} .somediv{width:10rem;...} .somep{font-size:2rem;...} /* ......*/ 스크린 사이즈, 해상도, 브라우저 넓이 등에 맞게 "전제적으로" 레이아웃.. 2022. 9. 29. 이전 1 다음 반응형