naos92 https://blog.hatena.ne.jp/naos92/ naos92の日記 https://naos92.hatenablog.com/ IT ChatGPT メディアクエリ（Media Queries）は、CSS3で導入された機能で、ページが表示されるデバイスや画面の特性に応じて異なるスタイルを適用するために使用されます。これにより、レスポンシブデザイン（画面サイズに応じてレイアウトを調整するデザイン）を実現することができます。 メディアクエリの基本構文 @media メディアタイプ and (条件) { /* 条件を満たすときのスタイル */ } メディアタイプ：対象となるデバイスの種類（例：screen、print） 条件：特定の条件（例：画面の幅、高さ、解像度など） メディアクエリの種類と条件 画面サイズ（width、height） 画面の幅… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnaos92.hatenablog.com%2Fentry%2F2025%2F03%2F29%2F120710" title="【ChatGPT】メディアクエリについて、具体例を挙げて説明してください。 - naos92の日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2025-03-29 12:07:10 rich https://naos92.hatenablog.com/entry/2025/03/29/120710 1.0 100%