为什么所有HTML表单元素都具有系统范围的字体比例因子2.0？

Question

我已将“菜单和标题栏缩放”的因子设置为2.0（参见Ubuntu resolution with Ultrabook）

之前我曾经观察过相同的行为，当我使用此设置时：

org.gnome.desktop.interface text-scaling-factor 2.0

在我的Ubuntu桌面配置unity-tweak-tool。

系统字体增加和浏览器字体增加的倍增使得系统控件（组合框，列表，下拉列表）非常大

如果您使用系统范围的缩放， Firefox 29,30,31和32 中的所有表单元素都会缩放到双倍大小，这很好。但在许多网站上都通过互联网 表单元素似乎缩小了一倍（因此在这种情况下因素4.0）例如 The Trac Project 有这个，直到他们修复它here。

为什么这有帮助？

input, select, button { font-size: 100% } 

为什么这会通过互联网影响这么多网站？

例如登录reddit：

---

或此示例：

此Trac search page仍有问题。

---

对于修复，我创建了一个修复此问题的插件：Fix for zoomed default-font

但问题仍然存在：

为什么这会影响整个互联网上的这么多网站？

Answer 1

仔细观察你的情景我会说你的系统范围的字体设置得非常大（说CSS：font-size: 200%;）。为什么？看看您的浏览器标签。尺寸很大，我怀疑它可以通过CSS调整大小。
思考我并说任何没有明确字体大小的元素都会占用系统的字体大小 - 这是巨大的。结果，页面看起来有点难看。

解决方案：为所有内容（*{font-size:100%;}）

设置明确的字体大小

Answer 2

我认为最终这是一个Firefox错误！我发布了一份报告：https://bugzilla.mozilla.org/show_bug.cgi?id=1031073

如果layout.css.devPixelsPerPx设置为-1，则Firefox应遵循系统范围的扩展。

此刻它没有。如果要解决此问题，则必须手动将其设置为2。