iPadのSafari用HTMLで次のように書いておくと縦と横でCSSを切り替えられる
iPad持っていないので確認できなくて申し訳ないけど・・・。
For the most part, Mobile Safari on the iPad is the same as that on the iPhone. One difference that I've found is that Webkit on the iPad honors CSS media query declarations based on orientation.
この記述をheadタグ内に書いておくとよいようです。
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
iPad Orientation CSS « Cloud Four
デスクトップ版のFirefoxやChrome,SafariでもこのCSSの切り替えが確認できます。
以下のページにアクセスしてブラウザの幅を狭めたり広めたりするとページ先頭の「You're Viewing in...」が「Landscape Mode」と「Portrait Mode」で切り替わります。
http://www.cloudfour.com/ipad-css/
カテゴリ
Appleコメント
Yahooで取り上げられた記事
ブログ内検索
BlogPeople ReviewMe!
このサイトのレビューとか応援コメントを書いてもらえると励みになります。



