代码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}
</style>
</head>
<body>
<h1>这是标题1</h1>
<h2>这是标题2</h2>
<p>这是一个段落。</p>
<p>以百分比和em指定字体大小将显示相同的大小
主要浏览器，并允许所有浏览器调整文本大小！</p>
</body>
</html> 尝试一下 »
点击“尝试一下”按钮查看在线实例
使用百分比和EM组合
在所有浏览器的解决方案中，设置 <body>元素的默认字体大小的是百分比：
实例
body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}
我们的代码非常有效。在所有浏览器中，可以显示相同的文本大小，并允许所有浏览器缩放文本的大小。
