アシノスキマ A monologue of giraffe.LA (jimdo) web top

モバイルサイト_メモ_#02_こんなときメモ。

☆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;>&#xE6BA;あいうえお</span>→文字も絵文字も黒。

&#xE6BA;<span style="color:black;>あいうえお</span>→文字は黒。


※折角タグの外にだしても、bodyにcolor:;がかかっていると、それが反映される。

コメントをお書きください

コメント: 1
  • #1

    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.

jump_top