携帯サイト(モバイルサイト)で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のケータイサイトをカスタマイズ【Ktai Style】 #wp
1年以上前の記事です。内容が古い可能性があります。随分前にWordPress(ワ …
-
-
高層マンションはケータイ(スマホ)の電波が入りにくいらしい
1年以上前の記事です。内容が古い可能性があります。独身の頃、女の子を含めた数名の …
-
-
合コンで使えるiPhoneアプリランキング
1年以上前の記事です。内容が古い可能性があります。既婚者だって合コンしたい。なん …
-
-
WordPress(ワードプレス)固定ページからコメント欄を消す方法 #wp
1年以上前の記事です。内容が古い可能性があります。一筋縄ではいかなかった固定ペー …
-
-
2ちゃんねるまとめブログがまとめて読める「2chまとめサイトリーダー」【iPhoneアプリ】
1年以上前の記事です。内容が古い可能性があります。衰えたとはいえ、2ちゃんねるの …
-
-
恥をかかずにすみました(mixiモバイルかんたんログイン問題)
1年以上前の記事です。内容が古い可能性があります。□mixiモバイルのかんたんロ …
-
-
iPhoneの着信音を好きな曲にする方法
1年以上前の記事です。内容が古い可能性があります。iPhoneの着信音を好きな曲 …
-
-
快適な目覚めをiPhoneで。「Sleep Cycle alarm clock」
1年以上前の記事です。内容が古い可能性があります。「AppBank読者が選ぶ「神 …
-
-
ダメじゃん。「iPhone 6」搭載の「NFC」は「Apple Pay」専用らしい
1年以上前の記事です。内容が古い可能性があります。え?ってことは、Suicaやn …
-
-
カメラアプリでトラブルの「Xperia AX SO-01E」を交換してきた
1年以上前の記事です。内容が古い可能性があります。やっぱり初期不良だったようです …
- PREV
- ニッチな話題にかたよりそうだ(本の話)
- NEXT
- Web2.0マーケティングフェアに行ってきました