css - ページのモバイル レンダリングでは、縦方向のページ全体が小さなビューで読み込まれます

Question

サイト用にモバイル向けに最適化されたページを作成しています。モバイル Web 最適化は初めてです。私の開発マシンではすべて問題ないように見えますが、Android モバイル ブラウザーでページを見ると、テキストの垂直セクション全体がブラウザーに強制的に表示されるため、非常に小さく見えます。これは、デスクトップ ブラウザでは発生しません。これが起こらないようにして、モバイルブラウザで全幅で表示する方法はありますか?

Answer 1

タグがありません。meta-viewportこれを試してください:

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

重要な部分はwidth=device-width、これにより、HTML が画面の全幅を占めるようになります。ズームを無効にするには、初期および最大スケール プロパティを 1 に設定しmaximum-scaleます。ズームを許可するには、値を 1 から 10 の間の値に変更します。