源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编程字典</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>这是标题 1</h1> <h2>这是标题 2</h2> <p>这是段落.</p> <p>使用em设置字体,允许所有主要浏览器调整文本大小。 不幸的是,仍然有旧版本的IE浏览器,当调整大小的文本问题,它变得更大或更小的比它应该。</p> </body> </html>
运行结果