适用于iPhone的Safari的奇怪结果：OL LI A或UL LI A.

Question

我正在尝试使用此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）。

Answer 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">