☰

Chrome 上的文本缩放问题

tag-icon • tag-icon google-chrome css
Chrome 上的文本缩放问题

Chrome 中出现奇怪的文本缩放问题。

我访问一个页面，尽管缩放比例设置为 100%，但文本仍然很大。

以下是对该问题进行总结的截屏：http://screencast.com/t/W6lnjPap

下列操作可以解决此问题：

  • 放大到 110%，然后再缩小到 100%，它看起来就正常了。
  • 缩小至 90% 然后再放大至 100% 也是可行的。
  • 重新加载页面

以下是我所知道的：

  • 这是随机发生的
  • 只发生在一个网站上
  • 只能在 Chrome 中重新创建
  • 停用所有浏览器扩展程序

重新创建的步骤：

  • 访问http://thewc.co

  • 点击右上角的登录。如果没有出现错误，登录和注册表单应该会很好地并排显示。如果出现错误做过发生这种情况时，文本会变得更大，并且注册表单会尴尬地被挤到登录表单下方。

  • 如果错误没有出现，请再次尝试重现问题，方法是点击返回，然后再次从主页点击“登录”。正如我所说，这是随机的，但通常尝试几次就会发现问题。

它发生在单个站点上的事实让我认为它是特定于站点/css 的......但它的随机性让我对此产生怀疑。

任何见解都值得赞赏！

答案1

问题已经缩小到 Chrome 端

参考：

解决方案(根据上面链接的 SO 帖子)至少直到 Chrome 解决它：

使用通用选择器以 rem 为单位设置字体大小，而不是以 body 为单位。

相关内容