気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
CSS 3 media queriesでスマートフォン対応してみる - ヲレサイト
5 users
woresite.jp
woresite.jp
woresite.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
CSS 3 media queriesでスマートフォン対応してみる ブラウザの表示の幅によってこのブログのスタイルシ... CSS 3 media queriesでスマートフォン対応してみる ブラウザの表示の幅によってこのブログのスタイルシートを切り替えるようにしてみた。 パソコンのブラウザから見てる場合、ウインドウの幅を縮めると640ピクセルを境に切り替わる･･･はず。 サイドカラムがドンと下に落っこちるだけなんだけどね。それと横幅に合わせて改行幅が変わるリキッドレイアウトにしてみましたが。レスポンシブWebデザインとかいうらしい（￣ー￣）ニヤリ ちなみにInternet Explorerは9以上でないとCSS3にほとんど対応してないので切り替わりません･･･ （追記：IE8以前にcss3-mediaqueries.jsを読ませるようにするとIE6,IE7,IE8でもぎこちないけど切り替わるみたい。） Firefoxではこんな感じ。ChromeとSafariでも確認はしてみた。 横幅1000pxくらいの場合
woresite.jp
woresite.jp
woresite.jp
woresite.jp
corporate.pokemon.co.jp
www.nikkei.com
www.sankei.com
karapaia.com
mond.how
japan.cnet.com
www.itmedia.co.jp
syu-m-5151.hatenablog.com
www.itmedia.co.jp
zenn.dev/aktriver
speakerdeck.com/na0
atmarkit.itmedia.co.jp
onaji.me
suumo.jp
engineers.ntt.com
tech.nri-net.com
2011/03/22 リンク