【こちらの記事は、約4分程でお読みいただけます。】 こんにちは、水曜日のブログ担当の工藤です。 最近は、PCでサイトを見るよりもスマートフォンでサイトを見るほうが多くなり、スマートフォンで見られる対応は、もはや必須であるといえます。 Webサイトをスマートフォンで表示させるには色々な方法がありますが、メディアクエリーは、CSSスタイルに適用できるシンプルなフィルタです。メディアクエリーを使用すると、デバイスの種類、幅、高さ、向き、解像度など、コンテンツをデバイスの特性に基づいてスタイルを簡単に変更できるようになります。 viewportを設定する Webページをさまざまなデバイス向けに対応するには、 head タグ内にmetaタグでviewport設定を記述する必要があります。 このmetaタグをhead内に入れていないとGoogleのモバイルフレンドリーテストにモバイルフレンドリーに対応