| 모바일 웹페이지 CSS - em을 px처럼 편하게 사용하는 방법 |
|
|
  |
9년 전
|
모바일 웹페이지를 작업할때는 폰트의 단위를 em으로 설정해주는 것이 좋습니다.
현존하는 모바일 기기의 스크린 사이즈가 매우 다양하기 때문입니다.
그런데 em은 px처럼 그 단위를 쉽게 가늠하기가 어렵습니다.
예를 들어 body의 폰트 사이즈를 100%로 지정하면 대부분의 브라우저에서는 1em 이 16px과 동일합니다.
이럴경우
13px = 0.8125em
14px = 0.875em
15px = 0.9375em
이처럼 em의 단위가 복잡해집니다.
그래서 em단위를 px단위처럼 편하게 사용하려면
body의 font-size를 62.5%로 지정해 주면 됩니다.
body{
font-size:62.5%;
}
p{
font-size:1.0em; /* 10px과 동일 */
font-size:1.2em; /* 12px과 동일 */
font-size:1.4em; /* 14px과 동일 */
font-size:1.6em; /* 16px과 동일 */
}
|
|
 추천 : 353 |
추천
목록
|
|
