간단한 반응형 폰트 설정 실전 팁
화면 크기에 따라 텍스트 크기가 너무 작거나 커져서 가독성이 깨짐.
html {
font-size: clamp(14px, 2vw, 18px);
}
clamp(최소값, 뷰포트기반중간값, 최대값)
예: 화면이 작으면 14px, 크면 18px까지 자동 조절
이 방법은 미디어쿼리 없이도 폰트 자동 스케일링이 되어 실무에서 매우 유용합니다.
html {
font-size: clamp(14px, 2vw, 18px);
}
clamp(최소값, 뷰포트기반중간값, 최대값)
예: 화면이 작으면 14px, 크면 18px까지 자동 조절
이 방법은 미디어쿼리 없이도 폰트 자동 스케일링이 되어 실무에서 매우 유용합니다.
게시판 목록
퍼블리싱강좌
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 178 | AngularJS | 8년 전 | 1423 | ||
| 177 | AngularJS | 8년 전 | 1197 | ||
| 176 | AngularJS | 8년 전 | 1271 | ||
| 175 | AngularJS | 8년 전 | 1362 | ||
| 174 | AngularJS | 8년 전 | 1136 | ||
| 173 | AngularJS | 8년 전 | 1877 | ||
| 172 | AngularJS | 8년 전 | 1431 | ||
| 171 | AngularJS | 8년 전 | 1127 | ||
| 170 | AngularJS | 8년 전 | 1389 | ||
| 169 | AngularJS | 8년 전 | 1186 | ||
| 168 | AngularJS | 8년 전 | 999 | ||
| 167 | AngularJS | 8년 전 | 1961 | ||
| 166 | AngularJS | 8년 전 | 1035 | ||
| 165 | AngularJS | 8년 전 | 1099 | ||
| 164 | AngularJS | 8년 전 | 1303 | ||
| 163 | AngularJS | 8년 전 | 1150 | ||
| 162 | AngularJS | 8년 전 | 1362 | ||
| 161 | AngularJS | 8년 전 | 1367 | ||
| 160 | AngularJS | 8년 전 | 1121 | ||
| 159 | AngularJS | 8년 전 | 1088 | ||
| 158 | AngularJS | 8년 전 | 1500 | ||
| 157 | AngularJS | 8년 전 | 1471 | ||
| 156 | AngularJS | 8년 전 | 1320 | ||
| 155 | AngularJS | 8년 전 | 1209 | ||
| 154 | AngularJS | 8년 전 | 1608 | ||
| 153 | AngularJS | 8년 전 | 1073 | ||
| 152 | AngularJS | 8년 전 | 1481 | ||
| 151 | AngularJS | 8년 전 | 1412 | ||
| 150 | AngularJS | 8년 전 | 1107 | ||
| 149 | AngularJS | 8년 전 | 1637 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기