【问题标题】：Bizarre Result on Safari for iPhone: OL LI A or UL LI AiPhone Safari 上的奇怪结果：OL LI A 或 UL LI A
【发布时间】：2013-01-03 13:06:52
【问题描述】：

我正在尝试使用这个 HTML：

<ol>
    <li><a href="link">link</a>
    <li><a href="link">link</a>
</ol>   

<ol>
    <li>Some Link: <a href="link">link</a>
    <li>Some Link: <a href="link">link</a>
</ol>

在 iPhone 或模拟器上，我得到以下结果：

为什么会发生这种情况，有哪些可能的解决方法？

注意：这会以同样的方式影响UL 列表。它不会在 iPad 上发生（仅在 iPhone 和我想是 iPod touch 上）。

【问题讨论】：

确实很奇怪。 ul 元素是否相同（如标题中所示）？
感谢@BoltClock，是的，UL 元素以同样的方式发生这种情况。最便宜的解决方案是在<li> 之后放置&nbsp;，但这是可见的。呃……
我什至不能在<li> 之后使用&zwnj;，因为它不起作用。只有&nbsp; 有效。

标签： iphone html mobile-safari

【解决方案1】：

解决方法 1

ol, ul {
    -webkit-text-size-adjust: 100%;
}

来源：http://blog.55minutes.com/2012/04/iphone-text-resizing/

如链接中所述，Twitter Bootstrap 使用开箱即用的-webkit-text-size-adjust: 100%;。

至于为什么这种解决方法有效，MDN's document on text-size-adjust 可能会有所帮助。

解决方法 2

<meta name="viewport" content="width=device-width, initial-scale=1.0">

【讨论】：

这太棒了。谢谢！