html - モバイルデバイスでウェブサイトを全幅で表示する方法

Question

これは、レスポンシブではないものの、モバイル画面の全幅に対応する Web サイトの 1 つです。 http://www.tones.be (モバイル デバイスで開いてみると、私の言いたいことが理解できます。水平スクロール バーはなく、デスクトップ Web サイトのズームイン バージョンです)。私も同様のウェブサイトを構築したいのですが、その方法がわかりません。画面サイズを処理するためにメディアクエリを使用する方法を知っています。どんな提案も役に立ちます。

Answer 1

これをページ ヘッドに追加してみてください。

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

これにより、ブラウザはページを全幅で表示しようとします。