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应该停止使span字体大小看起来不同.