「サップスタック!
そのため、ビューポートのメタ タグと、デバイスのビューポートに合わせてページを調整する方法について理解を深めてきました。ここで以前に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 サイトのiPadとiPhone の両方を含むビューポート メタ タグを設定する方法はありますか?
どんな助けでも大歓迎です!