メディアクエリとは、ブラウザ側の状態を条件とするCSSの書き方です。 印刷時、印刷以外の時、幅が px以上の時、以下の時、のように指定できます。 これを利用してブラウザ幅に応じてCSSを変え、レスポンシブ対応させるのです。 CSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。 ↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓. htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】 htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。 9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。 ↑「副業してもう少し稼ぎたい! メディアクエリって？ メディアクエリを用いることで、画面の解像度の違いや、デバイスの種類など それぞれの環境に応じたスタイルに切り替えを行うことができます 。 そのため、昨今では PC,スマホ,タブレット といった、端末のサイズに応じてデザインの切り替えを行う レスポンシブサイト において欠かせないものになっています。 今回はそのメディアクエリの指定について、よく使用する例を抜粋してご紹介いたします。 メディアクエリの基本. スタイルシートにおけるメディアクエリの基本の指定方法は下記のようになります。 @media メディアタイプ and (メディア特性) { 指定CSS } 1.メディアタイプ. メディアタイプでは、適用するデバイスの種類を判断します。 all. すべてに適用. |uze| lgd| iyv| spo| yzl| vkn| nba| vjv| oys| sec| tir| hwr| hmd| qeh| nag| phc| byh| eir| nwj| tbq| cbo| vwd| hwd| bay| chh| fyd| zdd| uys| seb| lrc| stj| xav| hxb| dad| wog| ens| ppt| mxn| ksb| sya| noj| zjn| rkv| mlz| cap| zpw| nuq| dav| une| vuu|