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

Question

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

我需要有自定义缩放按钮。通过单击该按钮，我增加了身体的font-size。例如，来自1em to 2em并且所有子元素都获得更高的继承并应用缩放。

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

看到这张图片：

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

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

Answer 1

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