携帯サイト(モバイルサイト)でCSS
1年以上前の記事です。内容が古い可能性があります。
携帯サイト(モバイルサイト)でCSSを使う方法です。
以前、「モバイルサイトを本格的に始めよう」で書いたようにDoCoMoが基準になります。
DoCoMo以外が対象だったらこんなことしなくても大体OKなハズ。

携帯サイトなのでTABLEタグやPタグ(改行が入ってしまう)などは使わないように気をつけましょう。
2. できたらソースの最初の行に
<?xml version="1.0" encoding="Shift_JIS"?>
と書きます。
これはXML宣言といって、文書がXMLであることを明確にするためのものです。
一般のWebサイトではレイアウトが崩れたりするので僕は使っていません。
3. 拡張子を.xhtml(もしくは.xml)にします。
4. あとは、タグ内に属性でスタイルシートを適応させます。
たとえば本文はこんな感じで。
<div style="background-color:#000;color:#fff;font-size:xx-small">こんにちは</div>
たとえば罫線はこんな感じで。
<hr style="border-style:solid;border-color:#FFA900;height:0" />
なお、拡張子を.xmlにしたときはAUでは見れませんでした。
したがって拡張子は.xhtml推奨です。
これでダメな場合は、.htaccessを使って.xhtmlや.xmlを使えるようにするか、
無敵のCGI(perl)を使ってxml書き出しをしてあげればできます。
アドセンス広告メイン
関連記事
-
-
WordPress(ワードプレス)でヘッダー部に入るCSSリンクをページごとに変える方法 #wp
1年以上前の記事です。内容が古い可能性があります。最近では、「サイト作成」=「C …
-
-
画像の下にどうしても隙間が残る場合は
タグにvertical-align:bottomが正解【Webデザイン・CSS】
1年以上前の記事です。内容が古い可能性があります。これは知らなかった。。というか …
-
-
田舎(地方)でiPhone 3GSはどうなのか?
1年以上前の記事です。内容が古い可能性があります。ネット上では多くの人が使ってい …
-
-
ブログの角丸部分をCSS3の「border-radius」プロパティに変えてみた【Webデザイン】
1年以上前の記事です。内容が古い可能性があります。今年、HTML5及びCSS3が …
-
-
ドコモの携帯電話の電池(バッテリー)は2年以上使っていれば無料で交換してくれる
1年以上前の記事です。内容が古い可能性があります。これ知らなかったのでこんな恥ず …
-
-
これが最強かも?スマホに張る保護フィルム「RHINO SHIELD」
1年以上前の記事です。内容が古い可能性があります。今まで見た中で最強と思えるスマ …
-
-
バーチャファイター2が登場(P905i)
1年以上前の記事です。内容が古い可能性があります。□セガ、「バーチャファイター2 …
-
-
携帯サイトの3キャリア対応アイコンの作り方
1年以上前の記事です。内容が古い可能性があります。携帯サイトの作り方については以 …
-
-
iPhoneのツイッタークライアント「Tweetie 2」
1年以上前の記事です。内容が古い可能性があります。またiPhone(アイフォーン …
-
-
KDDIにかつての勢いが見られなくなってきている
1年以上前の記事です。内容が古い可能性があります。□KDDIの7月携帯電話契約M …
- PREV
- ニッチな話題にかたよりそうだ(本の話)
- NEXT
- Web2.0マーケティングフェアに行ってきました