Use em to set font size

Example analysis:

In CSS, em is a very useful unit because it can automatically adapt to the font used by the user.

Set the font size using em units to resize text in all browsers. Unfortunately, it's still an IE problem. When you resize text, it will appear larger or smaller than normal.

The default text size in the browser is 16px; however, 1em is equal to the default text size.

You can convert pixels to em through the following formula:

●　px/16=em

Next Section

new file

<!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>

submit Reset Code

Automatic operation

Full Screen