これからゆっくり考L

旅行好き。美味しいもの好き。日本酒好き。

モバイルCSSメモ〜docomo編〜

必須:
■ソースの一番最初

<?xml version="1.0" encoding="Shift_JIS"?>

■DOCTYPE宣言

<!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.0) 1.0//EN" "i-xhtml_4ja_10.dtd">

docomoのサイト上に各バージョン用のDOCTYPE宣言が掲載されているのでそこから適切なものをこぴる。
上の宣言はXHTML2.0
テーブルも使えるし最近の携帯はカバーできそうだし、個人的にはこれがいいかなーと思いまして。

■Content-Typeの変更

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" />

普段はcontent="text/html; としている部分をcontent="application/xhtml+xml;にする。


■.htaccessの設定

AddType application/xhtml+xml .html

これを追加。

                        • -

これさえ設定完了すればとりあえずCSSはきくようになった!

あとはstyleの指定する場所。
外部CSSやhead内部に記載するスタイル(一部疑似要素は有効)はきかないのでインラインで各タグに直接記載する。

で、最初は全部pの中にスタイル記載してたら全く効かない・・・
spandivに記載しないといけないっぽ。

他にもmarginがきかなかったり(画像のみ効くらしい)、とにかく色々面倒。



ってここまでたどり着くのにかなりの時間がかかった!!

モバイル恐るべし。





参考サイト:
http://blog.ville.jp/2008/06/04/99
http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/index.html