我偶然发现了http://informationarchitects.net/blog/100e2r/,一个主张使用浏览器 100% 字体大小作为正文文本的博客条目。我很惊讶文本声称该页面上的字体大小是浏览器默认大小,因为它比我预期的要大。
我从上面的链接中查看了正文的继承样式,如下所示:
font-size: 1.313em;
根据我对样式表的理解,这意味着字体应该以浏览器默认大小的 131.3% 呈现。那么博客显示的字体大小是浏览器的默认大小是不正确的吗?
该公司的网站以苹果为重点,所以我认为问题的答案可能与 DPI 设置有关,因为苹果默认为 72,微软默认为 96。96/72 的值接近 1.313。
我将 Chrome 字体设置为默认大小 16。由于我运行的是 Windows,我认为这意味着 16 像素或 12 点。在 Mac 上,默认字体大小是否也是 16 像素,因此是 16 磅?