ウェブサイトは携帯端末で極端に小さく、適切にサイズ変更されたデスクトップブラウザで表示されます

Question

モバイルHTML/CSSスキルをテストするために小さなサイトを作成していますが、奇妙な問題に遭遇しました。モバイルデバイスやChromeモバイルデバイスの開発ツールではすべてが極端に小さく見えますが、幅を400ピクセル以下に変更するとブラウザに正しく表示されます。私は過去にこのような次元（11pxフォントサイズなど）を使用してサイズを構築し、すべてのプラットフォームで正しく表示されているため、ここで何が問題になっているのかは実際は分かりません。本当に何が起きているのかは分かりません。誰もが洞察力を持っていますか？

は、右ここでそれを見てみましょう：http://gfitzpatrickportfolio.com/flights/

Answer 1

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

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

それは正しいスケールでは、画面にコンテンツをフィットします。 :)

Answer 2

Viewport Metatagは、携帯端末のコンテンツ全体に適しています。

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">