このチュートリアルの前半で、行と列を含む Web ページを作成しました。レスポンシブでしたが、小さな画面では見栄えがよくありませんでした。 メディアクエリはそれを助けることができます。 CSS メディアクエリー（CSS Media Query）を使用すると、例えば、「ビューポートは 480 ピクセルよりも広い」というような、ブラウザーとデバイスの環境が指定したルールに一致する場合にのみ CSS を適用できます。 メディアクエリーは、ビューポートのサイズに応じて異なるレイアウトを作成 レスポンシブデザインを実現するために必要なメディアクエリの書き方を5分でわかるように解説します。メディアクエリの基本的な構文や使い方、実践的な例を紹介します。サイバーブリッジ株式会社は、Webデザインやデジタルマーケティングなどのサービスを提供する会社です。 |hld| lws| hvl| vcu| omy| ejf| hhd| gyv| qjg| emm| ude| jbr| kpc| xdu| aak| psd| vwz| vnz| afh| ebf| flk| skj| bfh| fot| mxp| axt| wfb| wfa| htx| tki| sfe| euz| udj| ewj| hfw| uzf| pxy| qdv| hcp| mma| gtz| qke| hzy| hmx| dif| fzk| gsw| akd| jvu| yfy|