css - タブレットで表示すると、ヘッダーとフッターがページ幅いっぱいにならない

Question

タブレットからウェブサイトを見ると、ヘッダーとフッターの両方がページ幅全体をカバーしていません。これは純粋な CSS の問題だと思いますが、デスクトップ PC から (たとえば Chrome 経由で) サイトを閲覧するときには発生しません。

タブレット (最も重要なのは iPad) でも、全ページ幅の暗いヘッダーとフッターを使用する予定です。

それを達成するために何を変更する必要がありますか？

ありがとう、乾杯、ラルフ

Answer 1

ビューポートを定義する必要があります。

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

また

<meta 
    name="viewport" 
    content="width=1000, initial-scale=0.8, maximum-scale=1.0" />

要件に合わせて調整してください。