ＷＥＢ上とＰＣ上で font が・・・

質問

<Div style="width:200;height:100;overflow:auto;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
">
<table style="font-size: 12px; padding: 3; width: 180px;"><tr><td>
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
</td></tr></table>
</Div>

これをＰＣ上で表示すると、font 12px になりますが、
ＷＥＢ上で表示すると、何故か 12px より大きくなります。

何故そうなり、どうやったらＷＥＢ上でも 12px　になりますでしょうか？

回答No.2

haru_chama · ベストアンサー

理由は……
バグというかなんと言うか…
いまいち分かっていませんｗ
WEB上とPC上では基本的に同じはずですが、何か違うのかもしれませんね。ここからはHTMLの記述の上で経験を踏まえての説明ですが、Divで囲ったTableの中の文字列のスタイルも変更できるかも？（試してないです。）
基本的にHTML記述をする上でFontStyle変更はその属性にあったものに
するべきだと考えています。

例でいうと
<table font-size="12px";><tr><td>文字列</td></tr></table>
と書くのではなく
<table><tr><td><p font-size="12px";>文字列</p></td></tr></table>
のようなフォントに関して使うタグにstyle属性を与えたほうが旨くいくときがあります。
※pに設定する場合inlineにしないと改行されます。

ここからは私の考えですが、tableにフォントの属性変更をかけるのはプログラム上、変な気もします。cssを別ページに記述すればclassでもう少しまとめて記述することも可能なのでお勧めです。

お礼

参考にさせていただきました。ありがとうございました。

回答No.1

haru_chama

tableにstyle設定するのではなく　tdにstyle設定することで解決はしますよ。

お礼

ご回答ありがとうございました。解決いたしました。
これって何故ＷＥＢ上とＰＣ上では違うのでしょうか？
また、 元々は　12px だったのですが、
<div>～</div> で <table> を囲んだら font が効かなくなりましたが、
この辺の理由もおわかりでしょうか？