• ※ iモードブラウザ1.0の端末を「iモード1」、2.xの端末を「iモード2」と記載。
  • ※ auのブラウザバージョン6.xの端末を「au6」、バージョン7.xの端末を「au7」と記載。
  • ※ SoftBankのブラウザバージョン1の端末を「SB1」、バージョン2の端末を「SB2」と記載。

docomo下位端末でhn(見出し)タグの文字サイズが変更できない

【該当端末種別】

iモード1

【回答】

iモード1では、hnタグにfont-sizeプロパティを使っても効果がありません。

【対処方法】

hnタグ内のテキストをspanタグで囲い、以下のようにすることで文字サイズを変更できます。

例:
▼HTMLファイル
<h1>
  <span class="h1">見出し1</span>
</h1>

▼CSSファイル
.h1 { font-size: medium; }

※CSSは外部ファイルとして用意し、linkタグで読み込ませます。

【ラウンドアバウトでの特別な処理】

spanタグに書かれているクラスセレクタの内容をiモード1で読み取るのは、ラウンドアバウトの機能です。この機能を使うにはCSSを外部ファイルにする必要があります。
この機能の詳細は「開発リファレンス 第1章はじめに」の「i モードブラウザ 1.0 搭載端末への対応」を参照ください。
http://developer.symmetric.jp/roundabout/dl_doc.html

【ラウンドアバウト対応Ver.】

1.0以上