【问题标题】:IE9 Input and Select zoom issue using EM unit使用 EM 单元的 IE9 输入和选择缩放问题
【发布时间】:2015-05-14 14:18:02
【问题描述】:

我有一个页面,所有样式都使用em 单位进行大小调整。我在 IE9 中遇到了一个奇怪的问题。

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

但无论何时应用缩放,文本都会隐藏在 SELECTINPUT 字段中。一旦您与该元素交互,此问题就会得到修复 - 即只要您将光标聚焦在该元素上,一切看起来都很好。

看这张图:

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

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

【问题讨论】:

  • 我在您的示例中看不到任何选择元素?另外,对我来说,在 IE9 中-其他输入似乎“缩放”OK
  • 这发生在 INPUT 和 SELECT 中。
  • 如前所述,我看不到你提到的效果
  • 我已经提到过,我无法在更简单的页面上重现该问题。如果有人以前经历过,也许可以回答。

标签: html css internet-explorer internet-explorer-9 font-size


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2013-12-31
    • 2017-03-24
    • 2016-08-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多