• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:携帯サイトの表示について)

携帯サイトの表示問題とは?

このQ&Aのポイント
  • 携帯サイトを作成しているが、表示に問題がある。
  • docomoの旧機種ではレイアウトが適用されない。
  • 一部携帯では文章が途中で途切れることがある。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

サーバーがAppacheであれば.htaccessを利用してhtmlのcontent-typeをapplication/xhtml+xml .htmlにしてやります。 AddType application/xhtml+xml .html これでとりあえずスタイルは適用できる状態になりますが、docomoの古い機種は行間の調整はかなり厳しいです。 というのも、line-heightは使えませんし、marginはimg要素にしか使えません。 ちょっと間違っているかもしれませんが、古い機種(多分iモードブラウザ1.0)で使えるプロパティと要素の一覧です。 background-image : body background-color : body, div, table, td, th, tr color : body, color, div, span border-color : td, th, tr font-size : body, color, div, span text-align : div, hn, p, td, th, tr margin-left : img margin-right : img margin-top : img margin-bottom : img width : td, th, tr height : td, th, tr vertical-align : img float : img, hr clear : blockquote, div, dl, form, hn, hr, ol, p, pre, ul list-style-type : ol, ul, li -wap-input-format : input, textarea -wap-marquee-style : div, span -wap-marquee-dir : div, span -wap-marquee-loop : div, span フォントサイズに関してもかなり厳しいと思います。私のやってた感じだと、3キャリア統一の時は毎回以下のようなタグを書いていました。今ではこれでは無理かもしれません。font要素のsize属性で大きさを調整します。style属性も毎回指定しなければ統一が取れなかったような・・・ <div style="font-size:small"><font size="1">テキスト</font></div> 正直、PCサイトのHTMLをドコモ携帯に読ませたい場合はCSSを完全に切る方が無難です。外部CSSで@media handheldでも使って携帯用のスタイルを書いておけば、その他のブラウザでそこそこ表示できる機種のみにスタイル指定を絞ることができます。 2.はキャッシュオーバーじゃないでしょうか。 http://ke-tai.org/moblist/

tamtamxx
質問者

お礼

早速のご回答、ありがとうございます。 docomoの公式HPでi-modo HTMLの使用可能タグをチェックしたのですが、御指摘のとおり、行間やmarginは無効となるようですね。 シミュレーターIIでも2009年5月以前モードだと、「styleは無効です」と表示されます。 書式についてはHTMLではこれ以上どうにもならないようなので、XHTMLで再編集して、もう一度試してみます。 それでも駄目だったら、docomoでの表示は諦めます……。 あと、2.の表示が途切れる件ですが、キャッシュオーバーはファイル容量を小さくすれば回避できると考えれば良いですか? 現時点では、(報告される人によって数値の多少の上下はあるのですが)、22Kb程度のファイルまでは特に問題なく閲覧できているようですから、これを目安にすれば良いのでしょうか。 よろしければ、追加で教えていただけると嬉しいです。

すると、全ての回答が全文表示されます。

関連するQ&A