タグ

mobileとcssに関するmt-KAMIのブックマーク (2)

  • ke-tai.org > Blog Archive > ドコモ端末でCSSを表示するには

    ドコモ端末でCSSを利用するには Tweet 2008/4/3 木曜日 matsui Posted in DoCoMo | 9 Comments » ドコモ端末でCSSを表示しようとして、悩まれる方が多いようなのでご紹介しようと思います。 ドコモのiモード端末では、FOMA以降の機種でXHTML対応となりCSSが使えます。 ※厳密にいうと、ごく初期のFOMA21xxシリーズでは使えません。詳しくは下記一覧表からご確認ください。 → iモード対応機種 対応コンテンツ・機能一覧 [nttdocomo.co.jp] ※PDFです ですが、PCと同じように普通に書くだけでは、CSSは認識されません。 下記の3点を守る必要があります。 iモード用のXML宣言、DOCTYPEを付ける CSSは外部ファイルにしない、ヘッダ部にも書かない 拡張子を「.xhtml」にする ※別の方法もあり まず1についてで

  • 携帯サイトで使えるCSSハック1 「displayハック」 携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    先日出版させていただいた「携帯サイト コーディング&デザイン」の中でも 触れている携帯サイトで使えるCSSハックをご紹介。 ドコモ端末だけ内容を表示する 「displayハック」 勝手に名付けてしまってはいますが… 「display:none;」というCSSプロパティと値の組み合わせは、 現在auとソフトバンク端末で対応しています。 CSSで「display:none;」とすると、これが指定された要素は完全に非表示になりますが、 displayセレクタに対応していないドコモ端末は、内容が表示されてしまうという CSSの対応度を逆手に取ったCSSハックです。 ただし、「3G端末(+XHTMLコーディング)」に限るという条件付き。 したがって、できればドコモユーザだけに表示させたいけど、 まぁ他キャリアにも表示されてもいいや程度に使うと便利かなと思います。 なので、 <div style="d

  • 1