1

モバイル デバイス用の Web サイトを作成しています。幅は 480 ピクセルに固定されますが、iPod で表示すると、右側に大きな空白が表示されます。html / css を使用してモバイル ブラウザに、モバイル ページのように表示するように指示するにはどうすればよいですか? 私は試した

本文{幅:480px}

そしてそれはうまくいきませんでした

4

3 に答える 3

2

特に横向きモードでは、iPodの画面の幅はおそらく480ピクセルではありません。幅が常に埋められるように、本文の代わりにラッパーdivでパーセンテージを使用してみてください。

html：

<div id="wrapper">content of the site</div>

css：

#wrapper
{
  width:100%;
}

モバイル固有のコードを配置する場合は、ユーザーエージェントを確認することもできます。

于 2012-05-31T19:09:37.747 に答える
1

このメタ タグをページに追加します。

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

次に、モバイル レイアウトを固定幅ではなく 100% 幅にする必要があります。さまざまなサイズのデバイスが非常に多くあります。また、決してユーザーエージェントをチェックしないでください...

body{ width:100% }
于 2012-05-31T19:20:14.317 に答える
0

Viewport META タグはありますか?

于 2012-05-31T19:05:10.020 に答える