- ベストアンサー
携帯電話の CSS 対応に関して
現在ホームページを制作する際に、XHTML + CSS で制作しています。 出来る事で有れば、同じ XHTML ソースにて CSS の変更のみで携帯電話に対応したいと思っています。この数年（２、3年以内）に発売された携帯電話にて、どの程度スタイルシートに対応している物でしょうか。 また、最近の携帯電話はフルブラウザ搭載も当たり前ですが、パケット料金が別になる為、余り普及していないと聞いております。 フルブラウザで有ればスタイルシートに対応しているのでしょうか、自分の携帯電話では機種が古い為、フルブラウザに対応しておらず確認することが出来ません。 もしくは、各キャリア毎の資料が解れば助かります。 現実的に携帯電話のサイトは未だに、font タグ等を利用しているのでしょうか。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
携帯電話のブラウザは色々ありますからいちいちそれらを検証してCSSを書くなんてしません。そんなことやってられません。 そこで、HTML自体を携帯電話でも問題なく閲覧できるようにシンプルに製作して、CSSにて、media typeを指定しています。その場合、CSSに対応したブラウザを念頭にttyとhandheld用にCSSを書く。CSSの仕様から、詳細度によってどれが適用されるか決まっているので。 例： <link rel="stylesheet" type="text/css" href="./newCss/general.css" /> <link rel="stylesheet" type="text/css" media="screen" title="標準" href="./newCss/screenShape.css" /> <link rel="stylesheet" type="text/css" media="screen" title="標準" href="./newCss/colorScheme.css" /> <link rel="stylesheet" type="text/css" media="screen" title="標準" href="./newCss/topColorScheme.css" /> <link rel="ALTERNATE stylesheet" type="text/css" media="screen" title="大きな文字" href="./newCss/BIG_Shape.css" /> <link rel="ALTERNATE stylesheet" type="text/css" media="screen" title="大きな文字" href="./newCss/colorScheme.css" /> <link rel="styleSheet" type="text/css" media="handheld,tty" href="./newCss/handheld.css" /> <link rel="styleSheet" type="text/css" media="print" href="./newCss/print.css" /> とか・・・・
その他の回答 (1)
携帯ブラウザであればnetfrontとopera miniはシミュレーターがありますよ。 cssの対応度はdocomo以外は結構良かったはずですが、同じブラウザでも表示のモードによって無効になるプロパティなんかも結構あります。 position、float等は利用しない方が無難と思えます。 とにかくあまりトリッキーなことはしない方がいいと思います。 あと、これもちょっとした問題なのですが、link要素のmediaにhandheldを指定すると読みに行ってくれず、screenが指定してあると読みに行くブラウザがあったり、cssファイルの容量によってはcssが適用されないなんてこともあるみたいです。 いくつか参考になりそうなサイトをピックアップしておきます http://www.thinkit.co.jp/article/143/1/ http://adp.daa.jp/archives/000170.html
お礼
ご返事が遅くなりました。 アドバイスをありがとうございます。 CSS は結構対応しているですね。 希望しては font タグ系は出来るだけ利用したくない程度です。 自分の中では、CSS の media は screen と言うイメージがありましたが、先に回答頂いた方も、tty,handheld で総当たりとアドバイスを頂いておりますので、色々試してみたいと思います。 また、リンク先もとても参考になりました。
お礼
ご返事が遅くなりました。 アドバイスをありがとうございます。 CSS の対応はキャリア、機種でまちまちなので html はシンプルにして、CSS の総当たりと言う感じで対処するですね、「なりほど！」と言う感じです。参考にさせて頂きます。 また、tty と、handheld 用の CSS も必要との事、とても参考になりました。