スポンサー
IEってほんと嫌！
デバイスの解像度ごとのCSSを適用する・・・
CSS3の「Media Queries（メディアクエリ）」
これって、IE9以下では使えません。
Browser Support Checklist CSS3
今まで作成したサイトを手直ししてて
ハマっちまいました、、、
IE９で確認してるのに、なぜかCSSが効かない。
悩みに悩んでやっと気づきました。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
これ↑、削除したら、エラー続出！あぶない、あぶない。
ヘッダー内にこんなもの↑が；￣ロ￣）！！
詳しいことは置いといてとにかく、IE8以上のブラウザでもIE7のように見えるってことですよね？
IE9なのにCSS3（Media Queries（メディアクエリ））が使えないのはこれで解決ですが・・・
自分以外の閲覧者のブラウザやブラウザのバージョンはどうしようもないので
↓こちらにお世話になりました！ おまじない？ IE9以下の場合、css3-mediaqueries.jsを読み込む。
<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
条件付きコメントの詳細はこちら↓
条件付きコメントでIEのバグに対処する。
先日から、アイコンフォントを使い、サイトの画像を減らしてページ表示速度を上げようとしてるわけですが、ねこもりやが採用したアイコンフォントはリガチャと言うもので、他のアイコンフォントと違いIE9以下では表示されないという事で、これにど
これで、IE9以下でも media queries が使えるようになりましたヾ(＠⌒▽⌒＠)ﾉﾜｰｲ!
モバイルパソコンのみで更新されてる「ボン・クラージュ！」さまのサイトも無事完了。
1000px～
～870px
～770px
～620px
～480px
～320ｐｘ
携帯での閲覧もここまでできたらいいんだけど
携帯は、自由がきかないからね～、キャリア間の差も大きいし。
スポンサー
ニュースレターを購読する
