使用 EM 单元的 IE9 输入和 Select 缩放问题
IE9 Input and Select zoom issue using EM unit
我有一个页面，所有样式都是使用 em 单位来创作的。我在 IE9 中遇到一个奇怪的问题。
我有自定义缩放按钮的要求。通过单击该按钮，我增加了 body 的 font-size。例如，从 1em to 2em 开始，所有子元素都获得更高的继承权并应用缩放。
但是只要应用缩放，文本就会隐藏在 SELECT 和 INPUT 字段中。一旦您与该元素交互，这个问题就会得到修复 - 也就是说，一旦您将光标放在该元素上，一切看起来都很好。
看这张图：
可能是什么问题？我该如何解决？
请注意，我尝试制作一个 JS fiddle，但没有成功重现问题。可以在这里看到我在真实应用程序中的克隆：http://shekhardesigner.github.io/IE9-EM-Sizing-ZOOM-Issue/
确保你有正确的标准文档类型渲染，你也可以添加
head 标签内的“<meta http-equiv="X-UA-Compatible" content="IE=Edge" />”。它有助于以边缘模式显示网页，这是 Internet Explorer 支持的最高标准模式，从 Internet Explorer 6 到 IE11。
我有一个页面，所有样式都是使用 em 单位来创作的。我在 IE9 中遇到一个奇怪的问题。
我有自定义缩放按钮的要求。通过单击该按钮，我增加了 body 的 font-size。例如，从 1em to 2em 开始，所有子元素都获得更高的继承权并应用缩放。
但是只要应用缩放，文本就会隐藏在 SELECT 和 INPUT 字段中。一旦您与该元素交互，这个问题就会得到修复 - 也就是说，一旦您将光标放在该元素上，一切看起来都很好。
看这张图：
可能是什么问题？我该如何解决？
请注意，我尝试制作一个 JS fiddle，但没有成功重现问题。可以在这里看到我在真实应用程序中的克隆：http://shekhardesigner.github.io/IE9-EM-Sizing-ZOOM-Issue/
确保你有正确的标准文档类型渲染，你也可以添加
head 标签内的“<meta http-equiv="X-UA-Compatible" content="IE=Edge" />”。它有助于以边缘模式显示网页，这是 Internet Explorer 支持的最高标准模式，从 Internet Explorer 6 到 IE11。