- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:スタイルシートで指定した大きさにならない・・・)
スタイルシートの指定による文字サイズの変更が上手くいかない理由
このQ&Aのポイント
- スタイルシートを使用して文字の大きさを変更しようとした際に、指定したサイズにならない問題が発生しています。
- HTMLのスタイルシートにおいて、文字の大きさを12ptに指定していますが、実際には14pxの文字の方が大きく見えてしまいます。
- 原因は、16pxと14pxの指定が優先されているためです。この問題の解決方法について、お知恵をお貸しください。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
>以下のようにした場合、 >BODYの文字を12PXにしているのですが、 >14PXの文字の方が大きく見えてしまいます。 質問の意味が?ですが、12pxより14pxが大きく見えるのは 当然ですよね。 たぶん本来の質問は逆を言いたいと思いますので、それに 回答します。 BODY{ font-size : 12pt;←はptではなくpxかと思います。 } 解釈違いならゴメンナサイ
お礼
いろいろ調べましたら、表にも指定を入れてやらないと 効かないようですね。ありがとうございました。
補足
間違いだらけの質問の意図を理解していただきありがとうございます! 全くおっしゃるとおりです。 そして単純な記述ミスでお恥ずかしい限りです・・・。 で、ptをpxに変えましたら、 ちゃんとした大きさになったのですが、 標準(大きさを指定しない=12px)の文字を表に入れると 大きくなってしまうのです。(ぱっと見で20pxくらい) 表の外ではちゃんと12pxになっています。 -------------------------------------------------------- <HTML> <HEAD> <TITLE>CCS勉強</TITLE> <STYLE type="text/css"> <!-- BODY{ font-size : 12px; } .a16 { font-size: 16px ; } /* 16 */ .a14 { font-size: 14px ; } /* 14px */ .a10 { font-size: 10px ; } /* 10px */ --> </STYLE> </HEAD> <BODY><SPAN class="a16">16pxの文字,</SPAN> <BR> <SPAN class="a14">14pxの文字,</SPAN><BR> <SPAN class="a10">10pxの文字,</SPAN> <P>通常のもじ12px</P> <TABLE border="1"> <TBODY> <TR> <TD>通常のもじ12px (表の中)</TD> </TR> </TBODY> </TABLE> <P>通常のもじ12px</P> </BODY> </HTML> ---------------------------------------------------- 表の中だけ変な指定が効いてしまう、 なんてことはあるのでしょうか? 引き続きお分かりになられることがありましたら よろしくお願いします。