반응형
반응형사이트
-
반응형 단위(레이아웃과 폰트사이즈)HTML5_CSS3 2023. 4. 1. 01:07
1. 반응형 레이아웃 1. 전체적인 레이아웃 요소들은 %로 레이아웃을 잡아준다. (100% 기준) 더보기 1) 큰 레이아웃의 요소들은 / / / / width:100% 기준으로 2) 단의 구성 float와 해당 단을 100%로에서 나눠준다. 4단이면 width: 25% 3) 터치영역은 최소 44pxdisplay:block; height/width/padding 을 사용해서 터치영역 확장시켜 준다. 2. 10~20 정도의 약간의 여백, padding 또는 margin은 px로 처리 3. rem을 사용할 때는 구성할 때 px로 구성 후 rem단위로 환산해준다. 1번 방법) - 요소에 display:inline-block을 주고, width 값에는 100%를 요소의 개수로 나눈 값으로 지정해준다. - widt..