CSSで文字サイズを固定

質問

ホームページ作成中です。
ページレイアウトを誰でも同じように見せたいため文字サイズを固定しようと思います。
でも、うまく出来ません。
CSSファイルを別に準備する方法でやっています。
----------
BODY {
color : #666666;
font-size: 12px;
background-image : url(img/bg.gif);
}
----------
こうしてみたのですが、ブラウザで大とか小とかにすると変化してしまいます。
CSSを読み込んでないのかな?と思ってカラーを書き換えてみたのですが、こちらはちゃんと変化します。

何が間違っているのでしょう?

回答No.1

sun-ward · ベストアンサー

ソースは間違っていません。
ただ、固定させたい文字が、例えば<TD>タグなどの中にないでしょうか。

この場合、文字サイズに関しては<TD>タグに指定されたスタイル（現在指定なし）が優先されるので
サイズが大小してしまうのだと思います。

TD {
font-size: 12px;
}

などと付け加えれば問題ないと思います。

お礼

ありがとうございます。
これを入れた後も動くのでおかしいな?と思ってたら、動く場所にsize=-1を入れてました。
削除したら、無事スタイルシートのサイズが反映されました。

回答No.3

ao_

WinのIEだけなら#1さんのおっしゃるように、要素の直近のタグにスタイルで絶対値（pxとかpt）を指定すれば固定できます。
ただし、WinIE以外のブラウザやMacでは全てのブラウザで絶対的なフォントの指定は無効になります。
ユーザービリティ的に考えてもフォントサイズは可変の状態にした方が良いと思いますよ。フォントサイズが大きくなり改行されてもちゃんと情報が伝わるようなデザインにした方が良いと思います。

回答No.2

noname#83116

#1さんのような方法を用いても、IE 以外のブラウザでは簡単に文字サイズの変更をされてしまいますよ。
つまり、どのような環境においても文字サイズの変更を禁止する方法は存在しません。