1

「サップスタック!

そのため、ビューポートのメタ タグと、デバイスのビューポートに合わせてページを調整する方法について理解を深めてきました。ここで以前にstackoverflowの助けを借りました: フッターはiphoneで100%の幅に拡張されません。なぜですか? 主に私の懸念は、私のウェブサイトのフッターが 100% の幅に拡張されないことでした。ここでウェブサイトにアクセスできます: http://gloryillustration.com/ そして、ここで私の iPhone ソリューションを見ることができます: http://gloryillustration.com/tests/test13.htmlここ で、iPhone で適切に表示されるように Web ページを並べ替えることができました。を使用して:

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

これを ipad で表示すると、フッター100% の幅で表示されますが、ページ全体がズームアウトされたように表示され、ページの右左とフッターのに大量の空白が追加されます。良い。私は、ウェブサイトが iPhone で閲覧されているかのように調整されていると考えています。しかし、なぜそれがそのように調整されているのかわかりませんか?content="device-width" は、表示されているデバイスの幅に幅を設定すると思いますか? または、これを完全に誤解していますか。

この Web サイトのiPadiPhone の両方を含むビューポート メタ タグを設定する方法はありますか?

どんな助けでも大歓迎です!

4

2 に答える 2

1

代わりにこれを使用してください:

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

ここで結果を確認できますhttp://www.premiumdw.com/case-studies/convert-a-960-grid-website-to-a-responsive-design/ .

于 2013-03-16T23:19:37.753 に答える
0

0ではなくinitial-scale=1を試してください

あなたはそれを0%ではなく100%ズームしたいのです

于 2012-08-04T15:55:12.470 に答える