代码之家  ›  专栏  ›  技术社区  ›  just-boris

Internet Explorer中的字体大小不同

  •  3
  • just-boris  · 技术社区  · 9 年前

    我有以下css

    html {
      font-size: 62.5%; // 100% is 16px, this value will 10px
    }
    

    当我在其他浏览器中检查页面上的文本时,它会给我 10px 但是Internet Explorer 11 9.93px .

    truncates fractional values font-size: 62% .

    这是一个演示,您可以尝试: https://jsfiddle.net/vcod81vy/

    值,因为我需要构建可访问的web界面,该界面支持浏览器设置中的字体覆盖,如所述 here

    1 回复  |  直到 9 年前
        1
  •  2
  •   Fabien    9 年前

    根据 http://msdn.microsoft.com/en-us/library/ms530759(v=vs.85).aspx 接受浮点值。

    如果这种行为在最新的IE版本中仍然存在,请尝试使用calc()。

    找到的解决方案是: font-size: calc(10em / 16)

    这样做没有坏处 calc() 除了旧的浏览器可能不太支持它。