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

Question

我正在使用ContentFlow JS库，我在IE中遇到了问题（8和9，我不打算支持旧版本）。 ContentFlow的脚本无法调整轮播中的字体大小。 在Chrome，FireFox，Safari，Safari（iOS）中，一切正常。

任何人都可以在IE中提出这种行为的原因吗？

铬：

Internet Explorer：

根据要求提供了一些代码：

轮播元素代码：

<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完成。

P.S。试图让jsFiddle重新创建问题......将会更新。

Answer 1

您的字体大小在em中。我认为，IE默认使用比firefox或chrome更大的字体。尝试指定px到body的字体大小，并注意标题！