重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

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

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

締切済

  • 質問者：maha567
  • 質問日時：
  • 回答数：2件

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

　スタイルシート（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件)

No.2

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


<![CDATA[

]]>

であって
<!--[CDATA[

]]-->
ではないので修正しておくこと
    • good
    • 0
    • 件
通報する

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/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で質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報