« レスポンシブWEBデザイン参考まとめ | トップページ | メディアクエリでレイアウト2 »

2013年11月24日 (日)

メディアクエリでレイアウト

とりあえず、リニューアルに向けてざっくりしたレイアウトを決めました。
メディアクエリを始めて使ってみたわけですが、商用サイトにするわけでもないのでPC用は幅970pxの2列、もう一方は解像度800pxを割ると1列レイアウトにしました。PCのブラウザで幅を広げたり狭めたりすれば確認できます。モニタが古い解像度800だと当然無理ですがw

1列使用になると「sid」の部分が消えるわけですが、今もそうですがテキストだけじゃ殺風景という理由で広告貼ってるようなもんなので1列になったら別にいらないですよね。
こういう解像度にあわせてレイアウトが変更することに興味がある人はメディアクエリで検索かければ私の説明なんかよりはるかに有意義なのが見つかるので探してみてください。
次回はロゴ作成でも着手しますかね~。

|

« レスポンシブWEBデザイン参考まとめ | トップページ | メディアクエリでレイアウト2 »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



« レスポンシブWEBデザイン参考まとめ | トップページ | メディアクエリでレイアウト2 »