ホームページ制作関連の技術ネタを備忘録的にまとめています

携帯で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を指定する

→ホームページ制作・WEBシステム開発