【问题标题】:Inconsistent font size rendering issue on Chrome [closed]Chrome上的字体大小呈现不一致问题[关闭]
【发布时间】:2014-01-17 16:07:21
【问题描述】:

我在我的网站上遇到了 CSS 问题。所有页面的字体大小不一致。不同之处在于一种版本的较大字体大小和一种版本的常规小字体大小。小字体是我喜欢的。 如果页面以大字体显示内容,它会在重新加载页面几次后将其变回较小的字体,如果您右键单击并选择检查,它也会立即变回较小的字体元素。 因此,我不确定如何 ping 点问题。 这是截图,一张是大字体,一张是小字体,我更喜欢小字体。

【问题讨论】:

  • 你在 chrome 中测试过吗?
  • 是的,我使用的是 chrome。
  • 默认情况下,在第一次运行时,它会显示您想要的字体,即第二个。无法发现问题。
  • 我知道浏览器打印字体的方式不同,但您的情况非常极端,看起来您在浏览器中设置了缩放。也许这就是问题所在。
  • @Havenard,您的假设也是我的想法的一部分。但是:CRUD: create, read, update and delete in sqlite with Java 的大小在两者中都是固定的(相同)。因此zoom 问题在这里无效。

标签: html css google-chrome fonts


【解决方案1】:

body { font-size: 1.6rem;} 可能是你的问题......你可以从你的 style.css 中删除它,它应该更加一致。从链接的问题中可以看出,chrome 可能不像身体上的 rem

从 style.css 中的以下类定义中删除/更改坏行应该可以解决问题

body, button, input, select, textarea {
   color: #404040;
   font-family: sans-serif;
   font-size: 16px;
   font-size: 1.6rem;
   line-height: 1.5;
}

Similar SO question

文本+其他问题答案的好链接:

“这似乎是一个 Chrome 错误;请参阅 Issue 319623: Rendering issue when using % + REMs in CSS,和/或部分合并的副本:Issue 320754: font-size does not inherit if html has a font-size in percentage, and body in rem

【讨论】:

  • 这似乎只发生在 chrome 上...
  • 可能是 chrome 错误.. 请参阅链接问题
猜你喜欢
  • 2011-02-02
  • 2012-09-09
  • 2011-07-15
  • 1970-01-01
  • 2011-11-01
  • 1970-01-01
  • 2015-06-24
  • 2012-10-10
  • 1970-01-01
相关资源
最近更新 更多