css - 在 2560x1600 像素的大显示屏上，Chrome 中的字体较小

Question

我有一个用 html、css 和一些 js 创建的网页。比较简单，就是信息页。此页面的所有字体都显得更小，仅在 Chrome 中且仅在 2560x1600 像素的显示器上。在同一显示器上，例如 IE 和 Firefox 可以正确显示。

例如，我们可以考虑段落元素。

<p>Some text</p>

它没有在我的 css 文件中定义。它有:

display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px; 

在用户代理样式表中定义。

它的父级有:

.fpcell .content {
    font-size: 160%;
    color: #606060;
    font-weight: 300;
}

所有字体大小都以 % 定义。我在页面上的任何地方都没有固定的字体大小，定义为 px(所有元素都应采用 % 的字体大小，相对于 16px)。

我尝试设置固定字体大小:16px；在 body 上，所以这 160% 会从那里拿走，但运气不好。我试图为这个 div(父级)和 px 中的这个段落设置固定的字体大小，但也没有成功。

我无法重现这个问题，我尝试了各种用于大显示器的模拟器(我的是 1920x1080)，包括 Google devTools - 它看起来仍然不错，但在 2560x1600 的物理显示器上它看起来确实更小。我还尝试了其他一些东西，但没有运气。 CSS 已重置。

主要问题是，无法在我的本地机器上复制错误。

Answer 1

从类似问题中找到解决方案 Font not consistent in Chrome, Firefox & IE

“我建议你使用一个 CSS Reset，就像 YUI 中的那个。它会让你的页面在所有浏览器中更加一致，包括字体渲染。它与 IE 和其他浏览器有最大的不同，但它被删除了各种各样的矛盾。”