Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS3] CSS3 Media Queries – CSS3を使ったメディアごとに異なる見せ方のレイアウト

  • Pocket
  • このエントリーをはてなブックマークに追加

メディアごとに異なるウィンドウサイズに合わせ、サイトの見せ方を変えるという手法についての考察と、作例紹介の記事。デモサイトではウィンドウサイズ取得をリアルタイムに行う様子を見る事ができます。後半の作例紹介ではただボックス要素を動かすだけでなく、文章の段組にまで配慮されたサイトなどが紹介されてます。最近じゃWin or Macだけじゃないっすからね。スマートフォンやタブレットへの対応も、こうした1歩進んだ手法で対応できると、ちょっとかっけーすね。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください