Chrome在大屏幕上的字体较小,为2560x1600像素

时间:2017-06-23 09:41:18

标签: css google-chrome font-size

我在这里的第一个问题,不是因为我刚刚开始开发,而是因为我总能找到答案而不需要发布任何问题 - 直到现在。我已经在这里和谷歌搜索过但没有运气。

我有一个用html,css和一些js创建的网页。它相对简单,只是信息页面。此页面的所有字体都显示较小,仅在Chrome中显示,且仅在2560x1600px的显示屏上显示。在同一显示器上,例如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;在身体上,所以这160%会从那里拿走,但没有运气。我试图为这个div(父级)和px中的这个段设置固定的字体大小,但也没有运气。

我无法复制这个问题,我尝试了所有类型的大型显示器模拟器(我的是1920x1080),包括Google devTools - 它看起来还不错,但在2560x1600的物理显示器上看起来确实看起来更小。我也尝试过其他一些东西,但没有运气。 css被重置。

主要问题是,无法在本地计算机上复制错误。因此,如果有人可以提供帮助,或者有一些以前类似的经验如何解决这个问题,那么所有显示器和浏览器上的字体看起来都一样 - 任何帮助都会非常感激。

感谢同性恋。

1 个答案:

答案 0 :(得分:0)

从类似问题Font not consistent in Chrome, Firefox & IE

中寻找解决方案

“我建议你使用像YUI那样的CSS Reset。这将使你的页面在所有浏览器中更加一致,包括字体渲染。它与IE和其他浏览器产生最大的区别,但它摆脱各种不一致。“