因此，1em的默认大小是16px。可以通过下面这个公式将像素转换为em：px/16=em - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <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>
  <p>使用 em 单位，允许在所有浏览器中调整文本大小。 不幸的是，仍然是IE浏览器的问题。调整文本的大小时，会比正常的尺寸更大或更小。
  </p>
</body>
</html>
        