em px 관계_경험 교환

상황은 다음과 같습니다. CSS에서 글꼴 크기를 정의하는 데 일반적으로 사용되는 두 가지 단위는 em과 px입니다.

em은 상대 숫자입니다. 예를 들어 1.1em은 1.1 문자 너비를 의미하며 이 문자 너비는 글꼴 크기를 기준으로 초기화됩니다. 동시에 em은 상위 개체의 특성도 상속하므로 서로 다른 위치의 1.2em이 반드시 동일할 필요는 없지만 이 기사는 이와 관련이 없으므로 자세히 설명하지 않겠습니다.
px는 현재 디스플레이 장치의 해상도를 위한 것입니다. 비록 장치마다 크기 차이가 있지만 상대적으로 글꼴을 정의하는 데 더 적합합니다.
이 템플릿에서는 검색 부분의 글꼴 크기를 구체적으로 정의하지 않았기 때문에 상위 개체의 글꼴 크기 매개변수인 12px를 사용했습니다. 글꼴 크기에 대한 IE 정의는 실제로 FF/Opera와 다릅니다. 기본적으로 1em은 다른 브라우저보다 IE에서 더 크게 표시되므로 본문 부분에 다음 정의를 추가해야 합니다.

코드 복사 코드는 다음과 같습니다:

font-size:62.5%;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;

핵심은 IE에서 글꼴 크기를 1em=10px처럼 보이게 만드는 첫 번째 문장입니다. 이는 FF/Opera와 거의 동일합니다.