メディアクエリを使って、PC、タブレット、スマートフォンなどでそれぞれの画面サイズに応じた表示の切り替えを行い、レスポンシブWebデ ザインを実現する方法について解説する。 レスポンシブWebデザインとは、Webサイトを閲覧する環境にあわせて最適な ...
メディアクエリーは@mediaルールを使い、max-width（またはmax-device-width）、min-width（またはmin-device-width）で適用範囲を指定します。連載のテンプレートではAndroid端末で多い横幅480pxを意識して、例のように「@media only screen and (max-width: 479px) 」と記述し、479px ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する