携帯サイト(モバイルサイト)で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書き出しをしてあげればできます。
アドセンス広告メイン
関連記事
-
-
やっぱりFlashは終わる?Androidケータイも非対応に
1年以上前の記事です。内容が古い可能性があります。WebデザイナーにとってFla …
-
-
Windows XPで「メイリオ(Meiryo)」フォントを使おう
1年以上前の記事です。内容が古い可能性があります。つい最近まで知らなかったのだが …
-
-
3色限定ダンジョン限定パーティ「クリシュナ」と「ミスター・サタン」+「クシナダ姫」【パズドラパーティ紹介#4】
1年以上前の記事です。内容が古い可能性があります。最近のパズドラ(パズル& …
-
-
iPhoneでYouTubeをBGMに使う方法
1年以上前の記事です。内容が古い可能性があります。iPhone(アイフォーン)で …
-
-
CSSだけで作る最も単純なプルダウンメニュー(ドロップダウンメニュー)【Webデザイン】
1年以上前の記事です。内容が古い可能性があります。今まではIE6の存在等もあって …
-
-
ツイッターとiPhoneの連絡先を同期する方法
1年以上前の記事です。内容が古い可能性があります。FacebookとiPhone …
-
-
Androidスマホで「・(中黒・中点)」を入力する方法
1年以上前の記事です。内容が古い可能性があります。「ダイ・ハード」や「プロット・ …
-
-
「iPhone 5s」にはOS(iOS7)側におサイフケータイがあった!? 「iBeacon」の可能性
1年以上前の記事です。内容が古い可能性があります。iPhone 5sには期待され …
-
-
街中で携帯の電池が切れたときどうする?
1年以上前の記事です。内容が古い可能性があります。以前、街中充電器を紹介しました …
-
-
docomo(ドコモ)のスマホ(スマートフォン)で余計なサービスを削除(解約)する方法
1年以上前の記事です。内容が古い可能性があります。最近は、大型量販店(イオン等) …
- PREV
- ニッチな話題にかたよりそうだ(本の話)
- NEXT
- Web2.0マーケティングフェアに行ってきました