0

私のウェブページは980pxです。iPadのSafariはポートレートモードには適合しません。

Appleによれば、iPadのすべての向きにWebサイトを合わせるために何もする必要はありません。しかし、ポートレートモードでは、私のWebページはまったく適合しません。ビューポートから約20％オフです。

利用可能なすべての修正を試しましたが、失敗しました。

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

また 

<meta name="viewport" content="width=980">

と

<style type="text/css">
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
    body, #wrap{
        width:980px;
    }
}

私のテンプレートを表示するのは簡単ではありません-それは少し複雑ですが、本体には幅：980pxのラッパーがあることを保証します。他の非表示要素も100％幅でラッパーの横に追加されます。ただし、問題が発生する可能性は低くなります。

他に何を試すべきか？防弾方法はありますか？私は考えが足りません。

テキストのケースコードは次のとおりです。

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=980, initial-scale=1, maximum-scale=1"><style type="text/css">body{background-color:grey;}#wrap{width:980px;background-color:red;margin:0 auto;}</style></head><body> <div id="wrap">My content does not fit!</div></body></html>
4

2 に答える 2

1

私が取り組んでいた固定幅のサイトでこれをいじっていました：

<meta name="viewport" content="width=device-width, initial-scale=-100%" />

大丈夫そうです。

于 2013-12-17T14:18:39.570 に答える
1

ビューポートの設定を見てください。ポートレート モードでは、iPad の幅は 768 ピクセルです。を設定するinitial-scale=1と、iPad は自動的に 768px にズームします。を設定するmaximum-scale=1と、iPad は思うように 980px にズームアウトできなくなります。もちろん間に合わない！

ビューポートをまったく設定しないようにしてください。iPad は、iPad の幅ではなく、サイトの幅の 100% でページをレンダリングします。

于 2012-06-19T17:39:55.283 に答える