2

私はこの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でのみ発生します）。

4

1 に答える 1

2

回避策1

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

出典： http： //blog.55minutes.com/2012/04/iphone-text-resizing/

リンクに記載されているように、TwitterBootstrapはそのまま使用-webkit-text-size-adjust: 100%;します。

この回避策が機能する理由については、MDNのドキュメントtext-size-adjustが役立つ場合があります。

回避策2

<meta name="viewport" content="width=device-width, initial-scale=1.0">
于 2013-01-01T05:40:29.943 に答える