em을 사용하여 글꼴 크기 설정

분석 예:

CSS에서 em은 사용자가 사용하는 글꼴에 자동으로 적응할 수 있기 때문에 매우 유용한 단위입니다.

모든 브라우저에서 텍스트 크기를 조정하려면 em 단위를 사용하여 글꼴 크기를 설정하세요. 불행히도 여전히 IE 문제입니다. 텍스트 크기를 조정하면 평소보다 크거나 작게 표시됩니다.

브라우저의 기본 텍스트 크기는 16px이지만 1em은 기본 텍스트 크기와 같습니다.

다음 공식을 사용하여 픽셀을 em으로 변환할 수 있습니다:

　●　px/16=em

새로운 파일

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
h1 {font-size:2.5em;} /* 40px/16=2.5em */
h2 {font-size:1.875em;} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */
</style>
</head>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<p>This is a paragraph.</p>

</body>
</html>

제출하다 코드 재설정

자동운전

전체 화면