8

幅2048pxのサイトがあります。サイトが読み込まれたときに、iPadを画面上のサイト幅全体に自動的に合わせる方法はありますか？いくつかの異なる方法でメタビューポートを試してみました。

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

しかし、これはうまくいきませんでした。サイトはまだ広すぎて、iPadの画面からはみ出します。

4

6 に答える 6

7

次のように、コンテンツの幅に固定サイズを渡すことができます。

<meta name="viewport" content="width=2048" />

どちらかの側にパディングできるように微調整が必​​要になる場合がありますが、そのサイズでサイトをロードし、ユーザーがズームインできるようにする必要があります。

于 2014-01-06T10:19:38.027 に答える
1

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

それは私が私のウェブサイトに使用するものです。

于 2013-02-15T20:16:59.633 に答える
1

この問題を修正する正しい方法は、固定幅ではなくパーセンテージを使用することです。ただし、それを「変更できない」場合は、次のように初期スケールで 0.x を使用して、ビューポートを強制的に縮小できます。

<meta name="viewport" content="width=device-width, initial-scale=0.625, user-scalable=yes" />
于 2016-05-11T16:52:16.797 に答える
0

私は最近、同じ問題を抱えたサイトで作業していました.固定幅960pxのサイトでは、ページクリック間でズームアウトしたままになりません. 試す：

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

これまでのところ、私のiPad Airに合格しました。

于 2013-12-17T14:06:12.007 に答える
0

min-width: 2048px;css の html タグと body タグに設定してみてください。これにより、以前は iPad の奇妙な点が修正されていましたが、今回の iPad に適用されるかどうかはわかりません。

于 2013-02-15T20:24:33.673 に答える