Css3 Media Queries 今日の進捗 - Takeopiv

Css3 Media Queries 今日の進捗


I found a solution for the multi device interfece. We can use “Css3 Media Queries” from version 3. We can distribute some paramaters by the each device as screen resolutions. I already changed to this one. You can see this article on your smartphone. Maybe You feel good than before :)

例の徹夜仕事の件、思ったよりお客さんの反応がよかったようで、交渉した金額をほぼ呑込んでいただいた〜。よかったよかった。
何事も地道な交渉あるのみー :) 仕事をつなげていこうー。

話は変わって、今日の進捗。
昨日、サイトデザインのマルチデバイス対応の件を書きましたが、少し解決策が見えてきました。Css3になってから、“Media Queries”というコンセプトが導入されました。これは、サイトが読みこまれたデバイスのスクリーンサイズによって、CssのパラメーターをCss内で割り振れるのです。
実験的に、このブログがiPhoneなどのスマートフォンで読まれた時に、1カラム(左の欄を下方に位置させ、本文を大きくレイアウト)にして写真も文字も大きく見えるようにしてみました。
僕の考えでは、iPadやNetbookまでは、2カラムで、通常のPCでの見え方に。iPnone、Androidは、1カラムにしてレイアウトの最適化、それより小さいスクリーンの従来の携帯電話は切り捨て!!!(ウソ、小さくなるにつれて、それなりに見れます)
試しにスマフォでみてみてみー。

そして、これは便利。いろいろなデバイスのテストができます。
Simple Media Queries Tester

2 Comments

Add Yours

jukiさん
パリは今日29度、明日19度です。
もう秋ですが、今日は暑いです。
今日は、マレ地区のギャラリーが一斉にオープニングになります!

Leave a Reply