Question

我有以下html和css
在Firefox中，计算字体大小为16.66667px
在Chrome中，计算字体大小为13px

毋庸置疑，这两种尺寸存在很大差异，一种尺寸太小而无法读取，一种尺寸很大。我想解决这个问题的一种方法是将字体大小设置为16.67px，但为什么会这样呢。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title>My first styled page</title>
  <style type="text/css">
    body {
        font-family: Arial, sans-serif;
        font-size: 10pt;
    }
  </style>
</head>
<body>

    This is some text.
</body>
</html>

我的所有测量都来自inspect元素（在firefox中使用firebug）。

Answer 1

字体大小不同，因为浏览器程序员对普通用户的系统做出了不同的假设。

这没有任何问题，这也是不使用px设置字体大小的原因。在具有高分辨率屏幕的计算机上，您的字体将太小。当然，在很多人的计算机上，10px是不可读的。

我建议How to Size Text in CSS对您的选择有一个很好的概述。

Answer 2

pt是用于打印的单位，对于跨浏览器屏幕大小调整不可靠。尝试使用其他单位，例如px，em或直接百分比。

Answer 3

尝试在PX中设置字体大小，例如font-size:10px

为什么字体大小不同

3 个答案: