【问题标题】:IE7 and 8 smaller font-size issues with SIFRSIFR 的 IE7 和 8 个较小的字体大小问题
【发布时间】:2009-05-16 06:15:53
【问题描述】:

我的网站http://tweetMP.org.au 使用 SIFR 来呈现 flash 字体 h2 标题。

如果您比较 Firefox 和 IE7/8 之间的网站,您会发现 IE 中的标题明显更小(仅限 7 和 8 - IE6 看起来不错)。

在我的 ie(7 和 8 特定 css)上调整字体大小没有任何作用。

任何想法为什么会这样?

-V

【问题讨论】:

  • 如果禁用sIFR,字号也会变小吗?
  • 马克,它不小。当我禁用 siFR 时,IE7 和 8 显示的字体大小与 firefox 相同
  • 好的。在那种情况下,这显然不应该发生……你能创建一个只有一个标题和尽可能少的 CSS 的测试用例吗?会更容易诊断。
  • 好的,今晚我会为你制作这个

标签: flash internet-explorer sifr


【解决方案1】:

我建议在 sifr 配置文件中设置字体大小,类似于以下内容:(记下 font-size 元素)。这样可以确保字体大小在 sifr 中执行,并且可能会帮助您。如果它没有让我知道我还能想到另一种解决方案:)

sIFR.replace({
选择器:'.din-20-bold',
src: 'fonts/din.swf',
highsrc: 'fonts/din.swf',
css: {
'.sIFR-root' : { 'text-transform': 'uppercase' , 'color':'#FFFFFF', 'text-align':'right', 'width':'484px', 'font -size':'20px', 'font-weight':'bold'},
},
wmode: '透明',
paddingTop: 0
});

【讨论】:

    【解决方案2】:

    您的问题可能来自使用像素 (px) 作为字体大小。尽管 ems (em) 是调整字体大小的现代方式,但百分比 (%) 在浏览器中的显示更加一致。试试看,然后再次测试 sIFR。有关更多信息,请阅读以下文章,其中一篇(在 A List Apart 上)引用:

    修正了夸张的文字大小调整 IE6和IE7的大小是body 使用百分比

    CSS Font-Size: em vs. px vs. pt vs. percent

    How to Size Text in CSS

    【讨论】:

      猜你喜欢
      • 2023-03-07
      • 2023-04-05
      • 1970-01-01
      • 1970-01-01
      • 2011-06-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多