iOS6 上的 Safari 以不同的方式对待 display:table

Gra*_*ner 4 html css safari ios6

iOS6 上的 Safari 似乎对 display:table 的处理方式不同(与 iOS5 上的 Safari 和我 PC 上的 Safari 相比)。

在 iOS5 上,display:table强制 div 进入box-sizing: border-box mode,并忽略任何覆盖框大小的尝试。

在 iOS6 上, display:table 强制一个 div 进入box-sizing: content-box mode,并且也忽略了任何覆盖的尝试。

结果是在 iOS5 上DIV DISPLAY:TABLE WIDTH 250px PADDING-LEFT: 50PX会很250px宽,在 iOS6 上会是300px 宽。

我的问题:我对此的理解是否正确?是否有一种简单的方法可以使 DISPLAY:TABLE 的 div 和左填充在 iOS5 和 iOS6 上具有相同的宽度。

仅供参考,我使用 DISPLAY:TABLE 的原因是它允许我的内容简单垂直居中,其高度可变。

Hob*_*obo 5

以防万一它在将来对某人有所帮助,这个答案为我解决了这个问题。我移离与风格的元素填充display: table;到一个与样式display: table-cell;