文本环绕仅在PC上的Firefox 3中不一致

Question

这是我在Firefox 3.0中反复出现的问题。似乎当我保持清爽有时它包裹，有时它没有。如果它没有换行，我可以调整窗口大小，sIFR'd元素将捕捉到正确的大小。我需要根据容器的宽度来包装我的元素。

我有最新的'每晚构建'sIFR 3.0。

我想sIFR一个h2标签。 h2标签包含在div中，两者都有设置宽度。

<div class="recipe-title">
   <h2>This is a recipe title</h2>
</div>

在我的sifr.js文件中，我设置了以下参数：

forceWidth = true; 
fitExactly = true; 
preventWrap = false;

我的.sifr.CSS文件如下所示：

@media screen {
  .sIFR-active .recipe-title h2 { width:455px; font-size:16px; text-transform:uppercase; }
}

我的普通CSS文件如下所示：

.recipe-title, .recipe-title h2 { width:400px; }

其他所有浏览器似乎都适用于所有其他浏览器，只有PC上的FF3除外。这是一个已知的错误？

Answer 1

sIFR可能过早初始化。最简单的修复方法是在sIFR.useDomLoaded = false;之前设置sIFR.activate()，这将在替换元素之前等待页面加载。

你也可以考虑使用需要更多CSS的sIFR.useStyleCheck = true;，但是要等到CSS加载完毕。

Answer 2

我很确定它是文本转换：在设置闪光宽度后大写放大字宽

我一直试图找到解决方案一段时间

Answer 3

对于普通用户...请确保为对象或图像设置div容器的宽度和高度。如果未设置这些值，Firefox将包含任何文本。

Answer 4

可能是您可能需要在元素上指定高度。 IE7可能有类似的问题。

Answer 5

sIFR.activate（）位于sifr.js文件或sifr-addons.js文件中吗？

Answer 6

根据Mark的建议，取消注释sIFR.useStyleCheck = true;就在sIFR.activate（）为我工作之前。

Robert，sIFR.activate（）在sifr.js中找到。