Safari中的奇怪SPAN元素渲染（在iPhone上）

Question

每当HTML内容中存在SPAN元素时，Safari的移动版本会以不同的方式呈现内容 - 似乎整个段落的字体大小都会增加。考虑两个例子。

<div style="border: 1px solid red; width:500px;">
<p>This is a paragraph. This is a paragraph. This is a paragraph.</p>
</div>

和

<div style="border: 1px solid red; width:500px;">
<p>This is a <span>paragraph</span>. This is a paragraph. This is a paragraph.</p>
</div>

第二个示例打破了页面结构，因为字体大小增加，因此内容超过了div的宽度。有没有办法解决这个问题（除了不使用SPAN）？

iPhone OS 3.1.2

Answer 1

尝试将-webkit-text-size-adjust: none;添加到CSS并且iPhone Safari应停止使字体大小看起来不同。

Answer 2

在iPhone Safari（也是iPhone OS 3.1.2）上，这两个HTML片段的显示与我相同。

是否有任何CSS应用于SPAN标记？

[编辑：我现在看到了区别;如果两个示例都在同一页面上，您将看不出任何差异。]

[添加了：] 通过明确设置大小，您可以在两者之间获得一致的文本大小。例如：

<style type="text/css">
  div, p, span {
    font-size: 24px;
  }
</style>

Answer 3

保罗，您是否可以尝试明确设置范围的字体大小以匹配段落标记的字体大小，看看这是否解决了您的问题？