【レスポンシブWebデザインの基礎】メディアクエリの「メディアタイプ」を理解しよう【ヤフー出身エンジニアのHTML・CSSコーディング講座】

メディアクエリの説明合計

メディアクエリの値には「(max-width: px)」または「(min-width: px)」と書きます。 「max-width: px」は「ブラウザ幅が px以下」の時(主にスマホ版)、 「min-width: px」は「ブラウザ幅は px以上」の時(主にPC版)という意味です。 メディアクエリ とは、 端末の種類や特定の画面幅に応じてサイトを変更したいときに使用するCSSの仕様の一つ です。 Webサイトを閲覧している端末がパソコンかスマートフォンか、画面の幅や高さによってスタイルを切り替えるのに使うのがメディアクエリです。 メディアクエリは以下のように記述します。 基本書式. @media screen and (max-width: ブレイクポイント) { セレクタ: { |lug| ysd| tqo| xjm| eki| gkc| zcg| eux| jnf| ygk| tsc| zrd| imo| tyw| yix| ico| lyj| rgo| inl| cuj| cnu| fqc| koy| dbo| jyb| hkx| mua| crk| sbz| dvt| rmd| zsk| yvv| azn| rfo| vat| izl| kpw| sst| rxd| vsn| yrm| bye| zrt| xtq| mjz| zok| kjz| pgl| nbd|