- ※ iモードブラウザ1.0の端末を「iモード1」、2.xの端末を「iモード2」と記載。
- ※ auのブラウザバージョン6.xの端末を「au6」、バージョン7.xの端末を「au7」と記載。
- ※ SoftBankのブラウザバージョン1の端末を「SB1」、バージョン2の端末を「SB2」と記載。
au端末でCSSが効かない
【該当端末種別】
au6x
【考えられる理由】
CSSのファイルサイズが4KBを超えていませんか？
auの一部端末では、4KBを超えるCSSファイルを読み込むことができません。
【対処方法】
au端末が読み込むCSSファイルのサイズを1ファイルあたり4KB以内にします。タブやスペースなどを削ることで対応できる場合もありますが、それでも収まらなければファイルを分割するなどして、複数のCSSファイルをlinkタグで読み込むようにします。
【ラウンドアバウトでの特別な処理】
au6xに対しては、外部CSSファイルをHTMLファイルのstyleタグ内に展開し、CSSのサイズオーバーによる問題を防ぎます。
※CSSファイルサイズに係わらず、linkタグで読み込まれた全てのファイルを展開します。これによりHTMLファイルの総容量が増すので、CSSファイルが巨大な場合、画像表示分の容量が減り画質が劣化する恐れがあります。
【ラウンドアバウト対応Ver.】
2.0以上
