iphone - 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 上的文档text-size-adjust可能会有所帮助。

解决方法 2

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