Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き

今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次

[urb_kana]

[Android]

[chihir2d2]

　おススメ系

[sengokushurasoul]

なかなか参考になりました。ありがとうございます。

[igrep]

超詳しい。

[masapon49]

毎回忘れるのでφ(｀д´)ﾒﾓﾒﾓ... androidのサイズは360pxだっけか？

[umakoya]

Media Queries を使ったレスポンシブデザイン。

[kyokucho1989]

分かりやすい。

[bokosuka_sangokushi0908]

Webサイトをスマホに対応させるのが難しかったのですが、この注意書きでできるようになればサイコーです。

[dollon]

Media Queriesのおさらい

[molvisp]

“Adaptive & Mobile Design with CSS3 Media Queries”

[level-one]

レスポンシブ

[Takasu3M]

Media Queriesについて非常に分かりやすい記事。さすがノリさん

[stealthinu]

media queriesの使い方とレスポンシブデザインするときの注意点などまとめ。IE8以下だとmedia queriesが使えないのでcss3-mediaqueries.jsが必須。

[tontotakumi]

サイトをスマフォ化：CSS3 Media Queries

[vitaminsii]

参考になります。

[zetfs]

レスポンシブwebデザイン

[peroon]

media query　こだわりたいとき便利だけど　記述量多そう

[d_animal141]

CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き

[isshyman]

Media Queries。スマホ対応

[atodi]

レスポンシブ設定

[tshota72]

スマホ

[fpbm]

レスポンシブの実装で使用する「Media Queries」について

[girled]

MT5.2.2の新しいテンプレート使ってみようと思って CSS3 Media Queries 使ってるとかで知らなかったから勉強。これ便利じゃん。運用しやすし。

[kikimimi_missy]

［レスポンシブ］

[sihou1]

レスポンシブ

[nyanzou4649]

レスポンシブデザイン

[dbsh_info]

CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き /

[punkrider]

レスポンシブ

[tanigon]

CSS3 Media Queries

[kenjou]

メディアクエリの使い方紹介ページ。かなり詳細に解説されていてわかりやすいです。

[CHODA]

Media Queriesの注意点。ieはスクリプトで対策。てゆーかこの方の記事っていっつもすっげー細かくて丁寧。