html - 使用 EM 单元的 IE9 输入和选择缩放问题

Question

我有一个页面，所有样式都是使用 em 单位创作的。我在 IE9 中遇到了一个奇怪的问题。

我有一个自定义缩放按钮的要求。通过单击该按钮，我增加了 body 的 font-size。例如，从 1em 到 2em，所有子元素都获得更高的继承并应用缩放。

但无论何时应用缩放，文本都隐藏在 SELECT 和 INPUT 字段中。一旦您与该元素交互，这个问题就会得到修复 - 也就是说，一旦您将光标放在该元素上，一切看起来都很好。

看这张图:

可能是什么问题？我该如何解决？

请注意，我尝试制作一个 JS fiddle ，但没有成功重现该问题。可以在这里看到我在真实应用程序中的克隆:http://shekhardesigner.github.io/IE9-EM-Sizing-ZOOM-Issue/

Answer 1

确保你有正确的标准文档类型渲染，你也可以添加“<meta http-equiv="X-UA-Compatible" content="IE=Edge" />”在 head 标签内。它有助于以边缘模式显示网页，这是 Internet Explorer 支持的最高标准模式，从 Internet Explorer 6 到 IE11。