为 <body> 标签设置的 CSS 字体大小未正确反映

问题描述 投票：0回答：1

在我的 CSS 样式中，我有一个 body 标签选择器，用于将整体字体大小设置为 1.5em。 html 部分中的前两个单词使用字体大小设置为 1.3em 的类进行样式化。其余的没有字体大小的规范。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
     <title>Start Page</title>
     <meta name="author" content="Thomas">
     <style type="text/css">
       body {
         font-family: "Times New Roman", Times, georgia, serif;
         font-size:1.5em;
         line-height: 1.3em;
       }
       .pathlink {
         font-size: 1.3em;
       }
     </style>
   </head>
   <body>
    <p><span class="pathlink">Start Page</span>>Copyright &copy; 2023</p>
   </body>
</html>

我希望前两个单词 (1.3em) 比后面的文本 (1.5em) 显示得更小。然而，当在浏览器中呈现时，前两个单词明显比其余单词大。我有什么错吗？

css font-size
1个回答
0
投票

这是因为你使用

em
作为单位。

EM 是相对于元素当前字体大小的（2em 表示当前字体大小的 2 倍）。所以，如果 body 的字体大小是 16 像素，那么 150% 将是 24 像素（1.5 * 16），2em 将是 32 像素（16 * 2）。

参见：https://www.w3schools.com/cssref/css_units.php

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.