iPad/iPadにだけCSS付与するには http://www.ark-web.jp/sandbox/design/wiki/2382.html

iPad/iPadにだけCSS付与するには
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

と書くとよい、いうことなんですが、ipad以外にも適用されてしまう。

http://www.cloudfour.com/ipad-css/
をVAIO-Pで試したところ、
縦表示と横表示で切り替わりました。
(chrome, FF3.6, IE8)

厳密にやりたい場合は下記のjsを使うのがよさそうです。
http://gecko.hp2.jp/ipad_test/sample3.html


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2010-07-29 (木) 12:45:30 (5268d)

アークウェブのサービスやソリューションはこちら