iPadでCSSが利かない

iPhone(OS 4.1)やPCのブラウザではCSSが適用されているのにiPad(OS 3.2.2)のSafariではCSSが適用されていないという問題が起こりました。
何がおかしいのかとCSSを見てみたところ、以下の問題がありました。

  
この記事は2年以上前に書かれたものです。
情報が古い可能性があります。

失敗例

/***************************************************************
 *  読込用CSS
 ***************************************************************/
@charset "utf-8";

@import url(base.css);
@import url(layout.css);
@import url(style.css);

@charset の上にコメントや余分な空行があるとCSSが適用されませんでした。

成功例

@charset "utf-8";

/***************************************************************
 *  読込用CSS
 ***************************************************************/

@import url(base.css);
@import url(layout.css);
@import url(style.css);

@charset を一番最初の行に書くようにするにすることで、解決しました。

初歩的ですがiPad以外では適用されていたので見落としがちでした。

  

共有やブックマークなど

2 Responses to “iPadでCSSが利かない”

  1. 同じ問題ではまっていました。
    大変参考になりました。
    ありがとうございました。