CSSだけで iPad の向きで色を変える

• Free iPad CSS layout with landscape/portrait orientation modes

これ応用してみた。

iPad の向き変えて遊んでね。

• デモ: http://lab.bigchu.com/ipad/

縦

横

仕組みは簡単、これだけ！

@media only screen and (orientation:portrait) {
/* ここに書かれたスタイルが縦の時に反映される */
}

上に横のCSS書いて、下に上記の部分をかけばオッケイ。

あとHTML にこれ記述しとく。

<meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />

これないとどんどんズームとかされる。
だからスケールを1.0に設定しましょう。

ヒーハー！
ヴァターシはアシタ香川の丸亀にいってきマッシブル！