無法從IE 8-9中的JS更改字體大小

Question

我正在使用ContentFlow JS庫，而IE中有問題（我不打算支持的舊版本（8和9））。 ContentFlow的腳本無法調整輪播中的字體大小。 在Chrome，FireFox，Safari，Safari（iOS）中，一切正常。

誰能提出IE中此類行為的原因？

鉻：

IE瀏覽器：

一些要求的代碼：

輪播元素代碼：

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

ps試圖使jsFiddle重新創建問題...將更新。

Answer 1

您的字體大小以em為單位。 我認為，默認情況下，IE使用的字體比firefox或chrome大。 嘗試以px為單位指定字體大小，並注意標題！