'PX'에 해당되는 글 1건
- 2012.08.29 px와 em의 단위
px와 em의 단위
CSS 2012. 8. 29. 10:32
웹 화면을 개발하면서 거의 px 단위로 사이즈를 지정해왔습니다만 최근 jQuery를 사용하면서 혼란스러워지고 있습니다.
.3em이 몇이냐고(발끈)
font-size나 margin, padding 등의 여백을 줄 경우 px로 지정하게 되면 고정된 폭의 크기를 사용하지만 em 단위로 지정하게 되면 기종, 플랫폼에 따른 가변폭을 사용하기 때문에 호환성이나 접근성 측면에서 더 좋다고 하네요.
em은 대문자 M의 가로 너비를 기준으로 합니다.
대부분 브라우저의 기본 폰트 사이즈는 1em, 16px, 12pt, 100%를 기본으로 합니다.
하지만 이걸 언제 계산 하냐고
그래서 http://emtopx.com 을 이용합니다. (주소도 쉬움 em 을 px로 em to px)
입력한 단위를 다른 단위로 변환해서 보여주고 좌측에 있는 예문을 지정한 사이즈로 적용하여 보여줍니다.
