iphone - iPhone : OL LI A or UL LI A Safari 上的奇怪结果

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