max-widthを否定するクエリー
モバイル・ファーストが浸透して久しくなり、めっきりmin-widthクエリー以外を見かけることはなくなった。そんな中、not (max-width: 768px)という書き方を見かけて、なるほどなと思った。現状のブラウザーにおける実装(と安定した仕様)では768pxを含まずそれより大きいという表現がmin-widthでは書くことができないが、notキーワードとmax-widthを組み合わせることで実現できる。 Demo: Negation of max-width query 特定のデバイスや解像度を強く意識したクエリーの是非はとりあえず脇へ置いておいて、iPhone 5s以下やらiPad Airやら一般的なノートブックやらを意識してクエリーを書くことはままある。多くの場合はそれら特定のデバイスのサイズからを区切りにしてクエリーを書くわけだが、それらのサイズまでで書くとなると少し曖昧な記述
Media QueriesがIE8で効かない場合の対処法
iPad 向け、iPhone 向けにWEBサイトの最適化を色々と試しながら、 「まだまだ奥が深いなぁ、Media Queries…」 と思っていた最中、IE8 で落とし穴です > < IE8 ではもともと Media Queries が効かないため、css3-mediaqueries.js を利用して <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> と <head> 内に記述してあげる必要があるのですが、 それでも、IE 8で Media Queries が効かない。。。 原因を色々探していましたが、今回の直接の原因以外でも 結構色々なサイトで同様の事例が紹介されているようでしたので
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
