☆css部分がソースが表示されてしまう。
ページ内css部分
<![CDATA[・・・・]]>でくくる。(docomo iモードブラウザ1.0)
☆ソース上の半角スペースが表示上のスペースとしてでてしまう件
(docomo iモードブラウザ1.0)
Smarty・strip関数で解消※変数でincludeしているファイルがある場合、includeファイルには効かないのでincludeされているファイルにも付与。
☆リンクの色がかわらない
<a style="color:red;">aaa→<a style="color:red;"><span style="color:red;">aaa
※aにもいれたままなのは、spanだけにすると下線にいろがつかないため。
でも、両方にかけていても下線は効かないものもある。
☆hxタグ
見出しタグにはmargin:0;padding:0;をつけとく
(docomoではmarginpadding両方効かないので差分を減らす)
見出しの背景色をcssで指定してもdocomoで効かなかったりする。文字色も同じ。
☆imageのまわりこみ
<img src=・・・・ style="float:left;">だけだとauでは効かない。
align="left" も併記する。
☆水平線 だいたい共通した表現になるhrタグ設定
<hr size="1" style="width:100%;height:1px;margin:2px 0;padding:0;color:#cccccc;background:#cccccc;border:1px solid #cccccc;" />
☆table
文字サイズなどは、bodyに設定してるだけだと効かないことも。
☆font-size
キャリアなどで佐賀おおきいので、mediumとx-smallで大小の区別をつけておくといいかも。
※デフォルトでx-small 大きくするところをmedium
☆ながれる文字
だいたいこんなかんじで3キャリアいける。
(marqueeでおかしくなるもの多数)
<span style="display:-wap-marquee;-wap-marquee-loop: infinite;color:#555555;font-size:x-small;">流れる文字流れる文字</span>
ただし、この表記だと、firefoxのシミュレータで流れていないことも。実機で確認必須。
☆絵文字
基本はdocomoのunicodeにしておいて、キャリアで変換
☆携帯から投稿機能がある場合
プログレッシブjpgだと表示できない。
☆au更新したのに反映されてない?
ページ遷移してきただけだと更新内容がかわらない場合、キャッシュコントロールをいれると解消したり。
<meta http-equiv="Cache-Control" content="no-cache" />
こんなの。
☆softbankで画像がほかの実機にくらべてちっちゃい。
ブラウザの解像度が480の機種かも。
画像のwidthをデザイン時の幅にあわせて比率で書き換える。(横のみ)
例:240px設定で220pxの画像で書き出しているもの→width="92%" など。
リンクがかかっているふちありの画像の場合、ふちが一部消える場合は、ふちを2pxでかいておくといいかも。
imgのborder指定ではdocomoで効かないものがある。
☆docomoの絵文字の色がへん
絵文字コードをかこっているタグに設定してある文字色が反映。
<span style="color:black;>あいうえお</span>→文字も絵文字も黒。
<span style="color:black;>あいうえお</span>→文字は黒。
※折角タグの外にだしても、bodyにcolor:;がかかっていると、それが反映される。
コメントをお書きください
Roy (日曜日, 22 7月 2012 05:56)
Hey. Very nice web site!! Man .. Beautiful .. Superb .. I will bookmark your site and take the feeds also�I am glad to locate numerous useful info right here within the article. Thank you for sharing.