[CSS]iPadの横向きと縦向きでレイアウトを変更するスタイルシート
Portraitモード（縦向き）のグリッド設計 グリッド 768=30+708+30 708=216+30+216+30+216 実装のポイント iPadの横向きと縦向きでレイアウトを変更するには2つのポイントがあります。 METAタグ iPadのスクリーンで等倍に表示されるように、METAタグで設定します。 <meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" /> スタイルシート 比率を等倍に設定したので、Media Queriesを使用して横向きと縦向きに分岐させます。 /* Landscapeモード（横向き）用 */ #wrap { width:1024px; } @media only screen and (orientation:portrait){ /* Portr
iPadだけにCSSを適用する方法 | Web活メモ帳
2010.08.20追記 こちらの記事はipad「だけ」に適用する内容ではありませんでした。 実際にはJavaScriptなどの条件判定が必要なようです。 「HOWTO: CSS for the iPad」というエントリーにてiPadだけにCSSを適用する方法が紹介されていましたので、メモ的にエントリー。 詳しくは以下 設定方法 以下のコードで設定できるようです。 <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" /> このタイプのメディアタイプを扱えないブラウザが無視するためiPadだけに適用されるようになるようです。 同様のやり方でiPhoneにも対応できるとの事。 iPhoneだけに適用したい場合はmax-device
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
本当にiPad“だけ”にCSSを読み込ませるには。
