반응형
CSS 표준 권고에 따른 크기의 단위로 em, px 가 자주 사용된다.
시스템간의 호환성을 유지 하기 위해 사용을 하고, 기준값을 중심으로 상대적인 값을 지정하여 사용한다.
- em : font-size 를 기준으로 한다.
- px : pixel 모니터의 해상도에 따라 상대적인 크기를 갖는다.
- 기타 : ex, in, cm, mm, pt, pc 등의 단위를 사용하기도 한다.
기준이 되는 크기
- 1em은 16px, 12pt와 같은 크기를 갖는다. (pt는 폰트 사이즈를 정하는 단위)
다음은 w3schools에서 제공하는 변환기이다.
PX to EM Conversion : https://www.w3schools.com/tags/ref_pxtoemconversion.asp
PX to EM Conversion
Pixels to Ems Conversion Pixel to Em Converter The tool below allows you to work out the em sizes from pixels (or vice versa). Set a default pixel size for body (usually 16px) Then, convert a pixel value to em, based on the default pixel size Or, convert a
www.w3schools.com
반응형
댓글