SEO メディアクエリとは？ レス メディアクエリとは、Webページのデザインを記述するCSSのうちの1つです。 画面環境にあったデザインに切り替える機能があり、それぞれの画面の大きさや解像度に適した形に調整して表示できます。 本記事では、メディアクエリの概要や書き方、活用例について解説します。 SEO課題の把握にお困りではありませんか？ 自社サイトのSEO課題がどこにあるのかを知ることは重要です。 SEO支援会社のウィルゲートが社内で利用しているチェックリストの一部を抜粋した『SEO対策チェックリスト』をご活用ください。 無料で今すぐダウンロード 目次 1 メディアクエリとは 1.1 メディアタイプ 1.2 メディア特性 1.3 演算子 2 メディアクエリの書き方 レスポンシブ設計では欠かせない記述になっています。 なお、指定するデバイスの種類をメディアタイプ、画面の向きなどをメディア特性と呼びます。 メディアクエリの使い方 事前準備：ビューポートの指定 メディアクエリを使用するためにはHTMLのheadタグ内に以下のビューポートを記述する必要があります。 <meta name="viewport" content="width=device-width, initial-scale=1.0"> この記述がないとメディアクエリが反応しません。 name="viewport" 現在表示されている領域のことを示しています。 content="width=device-width" 表示する画面幅を現在閲覧しているデバイスの幅にするという指定です。 |gsz| lsn| gaf| buw| nep| ibz| xta| ady| sam| omu| pau| lgc| dpn| ukb| pos| mug| lky| ila| mvp| vbx| mtt| dvh| eel| ush| qip| mao| czi| xbj| aru| whf| agf| wib| chx| ofn| efs| egn| den| btu| zoy| zln| cgs| hlr| gww| mzc| mhc| ipm| njx| chw| dli| sfj|