backyard.weblog

Main Contents

Media Queries 始めました

/ CSS, Web /

Post

最近 WordPress のパーマリンクに無駄につけていた「.html」を外しました。
せっかく奇跡的に50(・∀・)イイネ!!以上ついていたページも、全部0になりました。とても悲しいです。

というわけで、わざわざ宣言するようなことでもないですが、Media Queries始めました。

@media screen and (max-width: 1040px) {
    #hogeBlock{ width: 000px; }
}
@media screen and (max-width: 940px) {
    #hogeBlock{ width: 000px; }
}

別ファイルを用意する方法ではなくて、上記のように1040px以下、940px以下の2段階の表示変更部分をCSSに追記しています。
SmartPhone対応のためとかでは全くなく、やってみただけです。

ちなみに、martPhoneはPHPでUA判別してCSSを別途読み込む仕組みにしています。
UA判別はfunctions.phpにfunctionを用意しています。
SmartPhone用のデザインとかしていないので、読み込んでいるだけだったり…

そのうちやります。そのうち。。

  • Check
  • このエントリーをはてなブックマークに追加
  • Clip to Evernote

Date: Categies:CSS, Web Tags:

Similar Posts

Add Comment

WP-SpamFree by Pole Position Marketing

Trackbacks

Trackback URL