斎七(さいしち)の描いた受験がテーマのウェブ漫画をおいてます~。共有テンプレート・共有プラグインも製作しています。共有テンプレート・共有プラグインのページにて作者名「rainbow」と検索してください。
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

iPhone用CSSに関して、ヘッダのmetaタグでの分岐方法が有名です。調べてみますと、どうやらCSSの中にiPhone用セクションをつけ足す方法もあるようです。

具体的には下のような@セレクタで囲まれた{ }の中にiPhone用CSSを書く形です。

iPhone用CSS [iPhone生活]
p.text {
width: 780px;
font-size: 80%;
}

@media screen and (max-device-width: 480px) {
p.text {
width: 480px;
font-size: 110%;
}

}

PCのときはの設定、iPhoneの時は赤色の設定が反映されるようです。

FC2ブログに限っていえば、CSS内にセクションを作るやり方のほうが良いかもです。なぜなら外部CSSファイルとしてアップロードしたファイルURLが変更になる可能性があるからです('A`)<FC2ブログ時代のカテパラURLは3回くらい変わった……

んで一応iPhone用CSS設定しました。「横スクロール」が出ないだけでもスクロールの快適さがぜんぜん違います。やったことはメニュー部分と本文部分を縦に段組みです。

今はメニューが先にきてしまって、本文までたどり着くのがめんどうなことになっています。近いうちに調整します。。
iPhone用CSS その1

メモ
・<meta name="viewport" content="width=device-width; " />にすると拡大操作できるし、縦画面でも横画面でも幅は同じ
・本文が先 メニューがうしろのHTMLでは、3カラムCSSにするのが困難(ていうかできない?)
 ⇒メニュー非表示か、absoluteで組み直すか
関連記事


FC2 Blog Ranking   人気blogランキングへ   blogramランキング
FC2blog テーマ:FC2ブログ共有テンプレート - ジャンル:ブログ

【2009/09/24 00:41】 | 共有テンプレート
トラックバック(0) |
コメント
この記事へのコメント
コメントを投稿
URL:

Pass:
秘密: 管理者にだけ表示を許可
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。