0

我正在使用 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 完成。

ps试图制作一个jsFiddle来重新创建问题......将更新。

4

1 回答 1

0

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

于 2012-06-21T20:52:30.137 回答