レスポンシブデザインとリキッドレイアウトの違いと、その方法 | WebriDayレスポンシブデザインとリキッドレイアウトの違いと、その方法 レスポンシブデザイン、リキッドレイアウトなど、スマホやタブレットの増加と共に需要が増えていますね。 今更なのはわかっていますが、今一度皆さんも復習してみましょう。 レスポンシブデザイン・・・オブジェクトを％指定などを施し、それぞれの並びは大きく変わらない。 リキッドレイアウト・・・グリッドシステムなどを用いてボックスを並べており、個々のオブジェクトの位置やサイズが大きく変化する。 定義は使う人によって曖昧ですが、上のような解釈で大きな間違いはないかと思われます。 レスポンシブデザインの例 キューピーマヨネーズキッチン キリンシティ PCの方は、ブラウザの幅をいじってみてください。感動ですね。 リキッドレイアウトの例 newsola charary.com レスポンシブデザインの作り方 基本的には個々のサイズを％指定し、@media
