タグ

MediaQueriesに関するkgsiのブックマーク (1)

  • 要件に合わせたMedia Queriesの実装方法のまとめ | コリス

    スマートフォン・デスクトップをはじめ、IE6などのレガシーブラウザ対応といった要件に合わせたMedia Queriesの実装方法を紹介します。 Techniques For Gracefully Degrading Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 テクニック1:スマートフォンユーザーがメイン テクニック2:レガシーブラウザは非対象 テクニック3:スマートフォンユーザーのみ テクニック4:デスクトップユーザーがメイン テクニック5:レガシーブラウザも含める テクニック1:スマートフォンユーザーがメイン 最初に紹介するテクニックは、Media Queriesをそのまま使うものです。 CSS #container { _width: 460px; /* IE6用 */ max-width: 460px; } @media only scree

  • 1