CSS 분기 및 EM 계산
모바일 및 태블릿 CSS 분기
<link rel="stylesheet" type="text/css" href="../mobile.css" media="screen and (min-width:360px) and (max-width:767px)" />
<link rel="stylesheet" type="text/css" href="../tablet.css" media="screen and (min-width:768px)" />
em 계산(사용)하기
px |
em |
% |
pt |
10px |
0.625em |
62.5% |
8pt |
12px |
0.750em |
75% |
9pt |
16px |
1em |
100% |
12px |
em 계산 방법
ㆍ 사용하고자 하는 px / 기준크기 px = em
%로 font-size 기준을 잡을 경우에
예를 들어 62.5% 가 기준이면 10px이 1em
기준이 중요함... 여기선 기준이 10px이고 내가 사용하고자 하는 px이 10px 이라면... em으로 변환시
10 (사용픽셀) / 10 (기준크기) = 1em
body의 font-size크기의 기준이 75.0% 로 기준이라면 12px이 기준이라는 의미이고
16px 을 em으로 변환한다면... 16 / 12 = 1.3333... em이 된다
Jaehee's WebClub
'StyleSheet > CSS' 카테고리의 다른 글
| 이메일 코딩시의 주의할 점 (3) | 2015.03.16 |
|---|---|
| CSS3 멀티라인 말줄임 처리 및 폴백 (0) | 2015.02.15 |
| clip 속성 알아보기 및 접근성 focus스타일링 (0) | 2015.02.11 |
| clip속성을 이용한 접근성 obj_hidden 처리하기 (0) | 2015.02.11 |
| masking css 처리 스타일링 (0) | 2015.02.11 |
