サイト内検索:

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/



カテゴリ

コメント

COTOBACO


連絡とか感想とか何でも↓にコメント書いてくださいね。

COTOBACOに投稿(読む)

このブログ記事について

ひとつ前のブログ記事は「村上春樹の「1Q84 BOOK 3」は来週4月16日に発売だった。」です。

次のブログ記事は「 iPhoneをiPadのカメラとして使うアプリ「CAMERA-A and B」」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

新着DVD

BlogPeople PEOPLE

【Atom Netbook/MID】

【ガジェット!ガジェット!ガジェット!】

【あなたのライフハック大募集! 】

トラックバック・ピープル

[BlogPeopleピープル]

[iTMSピープル]

お誕生日おめでとう

Yahooで取り上げられた記事

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

昨日のアクセストップ5

ブログリンク