yachin29 https://blog.hatena.ne.jp/yachin29/ WEBサイト制作の勉強 https://yachin29.hatenablog.com/ レスポンシブデザイン developers.google.com レスポンシブWebデザイン（RWD）の制作 レスポンシブWebデザインでは、あらゆるデバイスに対して単一のWebページ（HTML）を使い、スクリーンサイズ（画面幅）を基準にCSSだけを切り替えてレイアウトを調整します。小さいスクリーンに対しては小さいスクリーンで見やすく操作しやすいレイアウトを、大きいスクリーンに対しては大きいスクリーンに適したレイアウトを提供します。 ●フルードイメージ フルードイメージは、レイアウトの大きさに追随して画像のサイズを拡大・縮小する手法で、CSSのみで実装できます。イギリスのコンサルティングファームClearleftの… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyachin29.hatenablog.com%2Fentry%2F2016%2F10%2F29%2F000000" title="レスポンシブデザイン基礎 - WEBサイト制作の勉強" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.blog.st-hatena.com/images/theme/og-image-1500.png Hatena Blog https://hatena.blog 2020-08-11 13:00:00 rich https://yachin29.hatenablog.com/entry/2016/10/29/000000 1.0 100%