1

私たちのウェブサイトの一部にはモバイル版がありますが、ブログセクション(すべてのPHPコンテンツ)では、モバイルユーザーにデスクトップサイトを提供することにしました(今のところ)。

これはiPadでは正常に機能しますが、iPhone(iPhone 4S / iOS6テスト済み)では、ページの読み込みが左上隅にズームされ、切り取られたコンテンツまでズームアウトしたり、横にスクロールしたりすることはできません。

メタビューポートタグで遊んでみましたが、パラメータの組み合わせでこれを修正できないようです。私が試してみました<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi, initial-scale=.75, user-scalable=yes" />

iPhoneでこのURLを表示してください:http ://www.finecooking.com/blogs

4

3 に答える 3

1

overflow: hidden特定の高さまたはを本文または html またはラッパーに設定する場合は、css を検索してみてください。

于 2013-06-20T03:10:56.437 に答える
0

まず第一に、答えてくれた Craigに感謝します。overflow:hiddenbodyhtml

私の場合、これは埋め込みのスクロールも壊しましたがiframe、これは奇妙ですが、下のcssで修正されました。

スクロールが機能しません:

html, body {
    /*common stuff */
    overflow: hidden;
}

スクロールが機能します:

html, body {
    /* common stuff */
}
body {
    overflow: hidden;
}
于 2014-06-01T14:28:55.073 に答える
-1

これは、iPad と iPhone で機能します。

 <meta name="viewport" content="width=device-width;initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
于 2012-11-27T21:22:59.247 に答える