【问题标题】:IE 9 font width renderingIE 9 字体宽度渲染
【发布时间】:2011-12-15 01:14:40
【问题描述】:

我正在构建一个轮播,在网站上显示 3 条新闻。它显示新闻标题和新闻故事的前 150 个字符,轮播中的所有项目必须具有相同的高度,因此我将每个新闻项目设置为 height:182px;宽度:210px;

在除 IE 9 之外的所有浏览器中看起来都不错,因为它似乎比所有其他浏览器呈现的字体稍宽,所以因为所有项目都有固定的高度和宽度,所以 IE 9 中的文本改为 4 行在所有其他浏览器使用的 3 行中。然后,这会将其他所有内容都弄得一团糟。

所以我想知道是否可以做一些事情来使文本与所有其他浏览器相同?

感谢您的帮助。

J.

【问题讨论】:

    标签: css internet-explorer internet-explorer-9


    【解决方案1】:

    我也注意到了这一点,这很令人恼火。我不得不为我正在处理的事情创建 css 修复程序。为什么 IE 永远无法正确处理它!它无休止地减慢了开发时间。

    【讨论】:

    • 有哪些 CSS 修复?我正在考虑使用条件语句并使 IE9 或其他东西的字体重量更轻,但我似乎无法使字体更轻。
    • @Simon,这不是问题的答案。
    【解决方案2】:

    我确实发现了问题,以防其他人有同样的问题。

    不确定是否有其他人这样做,但这是导致问题的原因。

    在我的 css on body 我通常放 font-size:64.5% 这样我之后使用的任何 em 字体基本上是像素大小的 10 分之一,所以 14px 将是 1.4em 等的字体大小......

    但是这样做似乎会使 IE9 在使用 1.1em 时略微放大字体,所以我现在将 body css 设置为 font-size:100% 然后使用 http://pxtoem.com/ 来查找特定的 em 字体大小和所有似乎在所有浏览器中都运行良好...希望这对其他人有帮助:)

    这也可能有点用http://msdn.microsoft.com/en-us/library/hh237264%28v=vs.85%29.aspx#using_spp_on_your_site

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-07-25
      • 1970-01-01
      • 1970-01-01
      • 2013-10-17
      • 2012-12-27
      • 2023-03-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多