[B! メディアクエリ] extra_numberのブックマーク

extra_number id:extra_number

メディアクエリに関するextra_numberのブックマーク (3)

このスマフォ・タブレット用メディアクエリは危険！
Updated 2013.10.03 / Published 2013.10.03 当初はスマフォ・タブレット専用のメディアクリエがどうにか作れないものかを考えていたのですが、どうしても解決できない点があったために無理があると判断しスマフォ・タブレット専用のメディアクエリはボツ企画へ、そして逆にドツボにはまる可能性のある危険なメディアクエリを三段階評価でいくつかご紹介します。案件の予算や納期からレスポンシブデザインにできないという場合は少なくありません。そこで特定のデバイスにだけ、最適化を行うためにメディアクエリを使われることがありますが、そこには次のような思わぬ落とし穴があります。 iPad用メディアクエリの危険 iPad用のメディアクエリとしてよく紹介されているのが次のコードです。 @media only screen and (min-device-width : 768px) a
extra_number 2014/08/18
スマートフォン

メディアクエリ

注意
リンク
Media QueriesがIE8で効かない場合の対処法
iPad 向け、iPhone 向けにWEBサイトの最適化を色々と試しながら、「まだまだ奥が深いなぁ、Media Queries…」と思っていた最中、IE8 で落とし穴です > < IE8 ではもともと Media Queries が効かないため、css3-mediaqueries.js を利用して  と <head> 内に記述してあげる必要があるのですが、それでも、IE 8で Media Queries が効かない。。。原因を色々探していましたが、今回の直接の原因以外でも結構色々なサイトで同様の事例が紹介されているようでしたので
extra_number 2012/09/28
まとめ

CSS

メディアクエリ
リンク
メディアクエリー
この文書は「Media Queries (W3C Recommendation 19 June 2012)」の日本語訳である。日本語訳は参考情報であり、公式な文書ではない。また、翻訳に誤りがある可能性にも注意されたい。原文の最新版は、この日本語訳が参照した版から更新された可能性がある。他の仕様の訳については Web 標準仕様日本語訳一覧を参照されたい。公開日: 2012-06-29 翻訳者: 矢倉眞隆 <yakura-masataka@mitsue.co.jp> メディアクエリー 2012 年 6 月 19 日付 W3C 勧告 (Recommendation) この版: http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/ 最新版: http://www.w3.org/TR/css3-mediaqueries/ 最新
extra_number 2011/12/07
メディアクエリ

仕様書
リンク
1