メディアクエリの書き方

メディアクエリの書き方です
■media typeの指定(よく使うの)
all 全てのデバイス
screen 色を表現できる一般的なコンピュータの画面
■media queriesの指定(よく使うの)
min-device-width 幅の最小値
max-device-width 幅の最大値
min-device-pixel-ratio 解像度の最小値
-webkit-min-device-pixel-ratio Safariでの解像度の最小値
iPhone 4のような高解像のときの指定

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

▽CSS]Media Queries(メディア クエリ)を使用したデバイスごとの指定方法のまとめ
http://coliss.com/articles/build-websites/operation/css/css-framework-hardboiled-css3-media-queries.html

▽メディアクエリーについてまとめながら勉強
http://web.londoner25.net/2010/08/30/media-queries/

タイトルとURLをコピーしました