電子書籍の厳選無料作品が豊富!

携帯でホームページを作っています。

 スタイルシート(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>

 原因がわからないので、いろいろとサイトを調べてみて試したのですが、原因がつかめず途方に暮れています。

 どなたかわかる方いましたら、ご教授お願いします。
あと参考になるサイトなどがありましたら教えてください。

A 回答 (2件)

あと、確認しそびれたが、CDATAマーク区間は


<![CDATA[

]]>

であって
<!--[CDATA[

]]-->
ではないので修正しておくこと
    • good
    • 0

多分仕様。


================
【検証に用いたソース】
<?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/co …

ANHTTPD(text/htmlだと全ての文字の大きさが同じになってしまう。レンタルでは設定が出来るかわからないのでローカルでWebサーバを構築した)

結果
xx-small~smallerまでが同じサイズ、
larger~xx-largeまでが同じサイズ
mediumが中ぐらいとなった。

W3C CSSがどうあれ、改めてNTTの比較表を確認すると
http://www.nttdocomo.co.jp/service/imode/make/co …
xx-small~smallはフォントサイズ小
mediumはフォントサイズ中(デフォルト)
large~xx-largeはフォントサイズ大
の3分類にしかなっていないからだ。大きくなる、とは述べられていない
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!