• 締切済み

(携帯XHTMLで書いた)フォントのサイズが小さくならない

携帯でホームページを作っています。  スタイルシート(i-CSS)を使って文字のサイズを小さくしたいのですが、 思い通りのサイズになりません。 (font-size:xx-small;)で指定しても(font-size:small;)で指定してもサイズが変わらない。 問題のソースです。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" dir="ltr"> <head> <meta content="text/html; charset=shift_jis" http-equiv="content-type" /> <style type="text/css"> <!--[CDATA[ a:link{color:#3c5fcc;} a:hover{color:#996600;background-color:#FFF4E0;text-decoration:none;} a:visited{color:#990099;} ]]--> </style> <title>トップページ</title> </head> <body> <div style="text-align:center;"> <span style="font-size:xx-small;">タグテスト</span> </div><br /> <span style="font-size:xx-small;"> <a href="tabletest.html">1.テーブル</a> </span> </body> </html>  原因がわからないので、いろいろとサイトを調べてみて試したのですが、原因がつかめず途方に暮れています。  どなたかわかる方いましたら、ご教授お願いします。 あと参考になるサイトなどがありましたら教えてください。

みんなの回答

回答No.2

あと、確認しそびれたが、CDATAマーク区間は <![CDATA[ ]]> であって <!--[CDATA[ ]]--> ではないので修正しておくこと

すると、全ての回答が全文表示されます。
回答No.1

多分仕様。 ================ 【検証に用いたソース】 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" dir="ltr"> <head> <meta http-equiv="content-type" content="application/xhtml+xml; charset=shift_jis"/> <style type="text/css"> <!--[CDATA[ a:link{color:#3c5fcc;} a:hover{color:#996600;background-color:#FFF4E0;text-decoration:none;} a:visited{color:#990099;} ]]--> </style> <title>トップページ</title> </head> <body> <p> <span style="font-size:xx-small;">X</span> <span style="font-size:x-small;">X</span> <span style="font-size:small;">X</span> <span style="font-size:smaller;">X</span> <span style="font-size:medium;">X</span> <span style="font-size:larger;">X</span> <span style="font-size:large;">X</span> <span style="font-size:x-large;">X</span> <span style="font-size:xx-large;">X</span> </p> </body> </html> =================== 【検証環境】 i-mode HTMLシミュレータ2(ローマ数字だしていいかわからんので算用数字で代用) http://www.nttdocomo.co.jp/service/imode/make/content/html/tool2.html ANHTTPD(text/htmlだと全ての文字の大きさが同じになってしまう。レンタルでは設定が出来るかわからないのでローカルでWebサーバを構築した) 結果 xx-small~smallerまでが同じサイズ、 larger~xx-largeまでが同じサイズ mediumが中ぐらいとなった。 W3C CSSがどうあれ、改めてNTTの比較表を確認すると http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/chart/index.html xx-small~smallはフォントサイズ小 mediumはフォントサイズ中(デフォルト) large~xx-largeはフォントサイズ大 の3分類にしかなっていないからだ。大きくなる、とは述べられていない

すると、全ての回答が全文表示されます。

関連するQ&A