无法从IE 8-9中的JS更改字体大小

Question

我正在使用ContentFlow JS库，我在IE中有一个问题(8和9，我不打算支持的旧版本)。ContentFlow的脚本无法在旋转木马中调整字体大小。在Chrome、FireFox、Safari、Safari (iOS)中，一切都很好。

有人能在IE中提出这种行为的原因吗？

Chrome:

Internet：

​

应要求的一些代码：

旋转木马元素代码：

<div class="item" id="backstage1">
    <div class="content">
        <div class="video-title">Конференции</div>
        <div class="video-event">
            <strong>Microsoft TechEd</strong>
        </div>
        <img id="banner1" class="ibanner bordered" src="img/video/c1.jpg" alt="" title="" />
        <img class="shadow" src="img/flow-item-shadow.png" alt="" title="" />
    </div>
    <div class="caption">Some description text</div>
</div>

元素CSS：

.video-title {
    font-family: "FSAlbertPro", "Arial", serif;
    font-size: 3.4em;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    text-align: center;
    line-height: 0.9em;
    margin-top: 17px;
    margin-left: -6px;
    margin-bottom: -8px;
    position: relative;
}

.video-event {
    position: relative;
    top: 28px;
    left: 15px;
    font-family: "FSAlbertPro", "Arial", serif;
    font-size: 1.3em;
    font-weight: 100;
    color: #4d4d4d;
    line-height: 100%;
}

其他“魔法”是由ContentFlow完成的。

附注：试图制造一个jsFiddle来重现这个问题.会更新的。

Answer 1

你的字体大小在里面。我认为IE默认使用比firefox或chrome更大的字体。试着指定字体大小在px到正文，并注意标题！