query(メディアクエリ)を連携させることで、レスポンシブWebデザインの構築が可能です。query)」を使ってPC・スマホ・タブレット用のスタイルシートを以下のように記述していきます。/*赤色*/}}上記のように、通常(PC向け)のCSSをベースに、レスポンシブWebデザイン(スマホ・タブレット用)に必要な記述だけ追記していきましょう。viewportを適切に設定し、モバイルフレンドリーなサイトを目指しましょう。コンテンツ・URLの互換性を無くし、サイト評価を統一しながら、SEO対策で順位上昇を目指すことが重要です。