0

Webデザインの一部のページを修正しようとしていますが、通常のデスクトップブラウザで見栄えのするサイドバーバナー広告がiPhoneおよびAndroidデバイスで「画面外」に表示されるという問題が発生しました。この問題は、ビューポートメタタグをより高い値(1300など)に設定することで解消されたようです。副作用はまだ見つかっていませんが、タグをその高い値に設定することが、より大きな設計上の問題を示しているのかどうか興味がありましたか?

<meta name="viewport" content="width=1300" />
4

1 に答える 1

1

次のメタタグを使用する必要があります。

<meta name="viewport" content="width=device-width">

たとえば、モバイルデバイスでサイトを表示している場合、Webサイトは小さくて表示できなくなります。

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

メタタグが行うことは、ブラウザに言うことです、

「このWebサイトの画面の幅(ビューポートの幅)に関係なく、1300pxのワイド画面のようにレンダリングします。」

ビューポートが1300px未満の場合は「ズームイン」し、ビューポートが1300pxより大きい場合は「ズームイン」します。

さて、これを使ってレイアウトを修正していると、もっと大きな問題があるように思えます。レイアウトをレスポンシブにする方法として、ブートストラップを調べることを強くお勧めします。Bootstrapは、かなりの数のことを行うためにサイトに追加するcssファイルのライブラリであり、その1つは、流動的で応答性の高いグリッドシステムを作成することです。

ブートストラップとそれが何をすることができるかについて学ぶためにここから始めて、それからいくつかの記事をグーグル検索することをお勧めします。誰もがそれを愛しています!私を信じてください、あなたがそれがあなたの人生をどれほど単純にすることができるかを理解したら、あなたもそれを気に入るはずです。

http://twitter.github.com/bootstrap/index.html

于 2013-02-12T03:36:54.780 に答える