text - 仅 PC 上的 Firefox 3 中的文本换行不一致

Question

这是我在 Firefox 3.0 中反复出现的问题。似乎当我不断刷新时，有时它会包裹，有时则不会。当它不换行时，我可以调整窗口大小，sIFR'd 元素将捕捉到正确的大小。我需要根据容器的宽度包装我的元素。

我有最新的 sIFR 3.0 'nightly build'。

我想 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。这是一个已知的错误？

score 1 · Accepted Answer

sIFR 可能初始化得太早。最简单的解决方法是设置sIFR.useDomLoaded = false;before sIFR.activate()，这将等到页面加载后再替换元素。

您还可以考虑使用sIFR.useStyleCheck = true;哪个需要更多 CSS，但会等到 CSS 加载完毕。

score 1 · Accepted Answer

对于普通用户...确保为您的对象或图像设置 div 容器的宽度和高度。如果未设置这些值，Firefox 将自动换行。

score 1 · Accepted Answer

我很确定它是 text-transform:uppercase 在设置 flash 宽度后扩大字宽

一段时间以来，我一直在尝试解决这个问题

score 0 · Accepted Answer

0

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

于 2009-03-13T18:29:20.547 回答

score 0 · Accepted Answer

0

sIFR.activate() 是位于 sifr.js 文件还是 sifr-addons.js 文件中？

于 2009-06-15T15:36:48.767 回答

score 0 · Accepted Answer

根据马克的建议，取消注释sIFR.useStyleCheck = true; 就在 sIFR.activate() 为我工作之前。

罗伯特，sIFR.activate() 在 sifr.js 中找到。

6 回答 6