ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう！実装編』3. リキッド < レスポンシブ • ブラウザの幅に応じて • デバイスの幅に応じて、 要素の幅のみが可変 要素の幅だけでなく、 色、背景なども可変 • ベースレイアウトは同じ。 デバイス毎に個別の レイアウトにはならない • レイアウトもデバイス毎に 適したものに可変 • コンテンツ量も可変 4. レスポンシブ・ウェブデザイン 実装の基本 • HTML+CSSはワンソース • 基本、リキッドレイアウト • 「viewport」を指定する • ブラウザ幅のブレイクポイント • CSS3「Media Queries」で実装する • CSSによるレイアウト
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
