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 に答える