Latest Entries
Archives
Recent Comments
- デコメ送信機能を作ってみた
- ⇒thrive on（05/27）
- ⇒icebreaker（05/27）
- 携帯サイトでのセッションの利用
- ⇒thrive on（02/10）
- 複数のRSSを統合し最新情報を取得する
- ⇒thrive on（01/08）
- iPod nano 第５世代
- ⇒thrive on（10/12）
Profile
Links
Mobile
- 携帯サイトでCSSを使用する
- 2010.02.11
携帯でCSSを使用する場合、ドコモだけは外部のCSSを読み込むことができない等の制約が多いため、全キャリア共通の携帯サイトを作成する際はドコモを基準に作る必要があります。
まず、外部参照は使用しません。また内部参照も制限が多いため、基本はインライン指定で行うことになります。以下、携帯でCSSを使う方法を記述します。
1．1行目にXML宣言
＜?xml version=”1.0″ encoding=”Shift_JIS” ?＞2．Content Type指定
＜meta http-equiv=”Content-Type” content=”application/xhtml+xml; charset=Shift_JIS” /＞3．htaccssに追加
AddType application/xhtml+xml .html
これで拡張子「html」でCSSが有効になります4．PHPの場合ドコモだけ効かなかったので以下の１行を追加
header(”Content-type: application/xhtml+xml;charset=Shift_JIS”);5．インラインでstyleを指定する