モバイル向け CSS

the S60 browser from Nokia and the Safari iPhone browsers both ignore handheld stylesheets, so the screen media type had to be specified for those browsers. I choose 320px for the width as that is the resolution of the iPhone, but any width could have been chosen.

media query が駄目なら、最小画面横幅を指定してそれ以下で適用されるルールを書くと良い。上記の例示中で使われているものを抽出。

@media handheld, screen and (max-width: 320px) {
...
}

全てのモバイル・ブラウザが media queries に対応するのが最も望ましいが、それまでは screen CSS に max-width と追記してやる。