1. XHTMLで宣言するとよい

• doctype宣言する
• HTTPヘッダーのmimeをapplication/xhtml+xml
• METAタグを修正 <meta http-equiv="Content-type" Content="application/xhtml+xml" />

XHTMLにすることでdocomoでもスタイルシートが使えるようになり、画面レイアウトの自由度向上

2. 文字サイズ
divやspanのstyle="font-size:***" で指定

• docomo では font-size:medium位が丁度良い
• au では font-size:xx-small
• softbank では font-size:small

3. ボーダー

• <div><img src="***" width="100%"></div>

4. 背景色付きブロック定義

• <div style="background-color:#000000">もじ</div>

5. 右寄せ

• <div style="text-align:right" align="right">右寄せ文字</div>

6. 中央寄せ

• <div style="text-align:center" align="center">中央寄せ文字</div>

7. 画像の回り込み

左に画像、右に文字の２カラム構成をデザイン''

• <img src="*" style="float:left;margin-top:3px;margin-right:3px;margin-left:3px;margin-bottom:3px" align="left" border="0" /><a href="#">aaa</a><br>

あああ<br clear="all" /><div style="clear:both"><img src="spacer.gif"><br /></div>

8. マーキー

• <div style="display:-wap-marquee">マーキー文字</div>

9. au の折り返しなし＆カーソルあわせでマーキー

• <div mode="nowrap">カーソルを合わせるとマーキー</div>

10. 常に最新の情報を表示する
キャッシュをさせたくない場合、キャッシュ制御する
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />

HTTPヘッダの出力でも対応可能です。

もどる：ＰＨＰで携帯サイト構築

スポンサードリンク