Safari中奇怪的SPAN元素渲染(在iPhone上)
每当HTML内容中有SPAN元素时,Safari的移动版就会以不同的方式呈现内容——看起来整个段落的字体大小都在增加。考虑两个例子:Safari中奇怪的SPAN元素渲染(在iPhone上),iphone,html,mobile,safari,Iphone,Html,Mobile,Safari,每当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 paragraph. This is a paragraph. This is a paragraph.</p>
</div>
这是一段。这是一段。这是一段
及
这是一段。这是一段。这是一段
第二个示例破坏了页面结构,因为字体大小增加,因此内容超过了div的宽度。除了不使用SPAN之外,还有什么办法可以解决这个问题吗
iPhone OS 3.1.2Paul,你能尝试显式地将跨度的字体大小设置为与段落标记的字体大小相匹配,看看这是否解决了你的问题吗?Paul,您是否可以尝试显式地将跨度的字体大小设置为与段落标记的字体大小相匹配,并查看这是否解决了您的问题?在iPhone Safari(也是iPhone OS 3.1.2)上,这两个HTML片段的显示看起来与我相同 是否有任何CSS应用于SPAN标记 [编辑:我现在看到了差异;如果两个示例在同一页上,您将看不到任何差异。] [补充:] 通过显式设置大小,似乎可以在两者之间获得一致的文本大小。例如:
<style type="text/css">
div, p, span {
font-size: 24px;
}
</style>
分区,p,span{
字体大小:24px;
}
在iPhone Safari(也是iPhone OS 3.1.2)上,这两个HTML片段的显示看起来与我一样
是否有任何CSS应用于SPAN标记
[编辑:我现在看到了差异;如果两个示例在同一页上,您将看不到任何差异。]
[补充:]
通过显式设置大小,似乎可以在两者之间获得一致的文本大小。例如:
<style type="text/css">
div, p, span {
font-size: 24px;
}
</style>
分区,p,span{
字体大小:24px;
}
尝试添加-webkit文本大小调整:无
到CSS和iPhone safari应该停止使span字体大小看起来不同。尝试添加-webkit文本大小调整:无代码>到CSS和iPhone safari应该停止使span字体大小看起来不同。请尝试这两个链接:请,尝试这两个链接:不,根本没有CSS。看看这两个环节:我肯定看到了他的问题。随着跨距的增加,整个段落的字体看起来更大。好的,这两个链接的显示方式确实不同。我创建了一个包含两个示例的页面,它们看起来完全相同。设置跨距大小确实解决了问题,但我认为这是渲染中的一个错误。不,根本没有CSS。看看这两个环节:我肯定看到了他的问题。随着跨距的增加,整个段落的字体看起来更大。好的,这两个链接的显示方式确实不同。我创建了一个包含两个示例的页面,它们看起来完全相同。设置跨度大小确实解决了问题,但我认为这是渲染中的一个错误。这是要修复的正确答案。我已经将它应用到身体中
,效果非常好。这是修复的正确答案。我已经把它应用到身体中
,效果非常好。