- ベストアンサー
webでの文字サイズを固定したい！
HTMLでのフォントのサイズなのですが、見る側のブラウザの文字サイズ設定で、実際に表示されるサイズが変わりますよね。それで設定を最小にするか最大にするかでレイアウトが大きく崩れてしまうので困っています。 ブラウザの文字サイズ設定を変更しても、フォントサイズの表示、レイアウトとも維持されているサイトもありますよね。これって、いったいどうしたらできるんでしょうか？
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
bodyにフォントサイズを入れておけば表にも反映されるはずですが。といっても表の場合は表自体がサイズをもっていますからレイアウト崩れというのはそれとは違うんじゃないかな？ 私は余計なタグを入れずに全部エディタで打っていますが、サイズに関してはbodyにフォントスタイルを入れるだけです。それで通っています。うまく行かないのは恐らくかなり複雑なページ内容になっているのではないでしょうか？またＨＰ作成ソフトを使っている場合は、手でタグを追加しても作成ソフトで構成した部分に打ち消されてしまう場合があります。そういう場合はソフト側で調整するようにすべきです。
その他の回答 (4)
- onimotsu
- ベストアンサー率36% (279/758)
２つの記述方法で作ってみました。（あと外部スタイルシートもあります） コピペしていろいろ試してみてください。 <STYLE type="text/css"> <!-- .a{ font-size : 11px; font-family : "ＭＳ Ｐゴシック"; color : aqua; background-color : silver; width : 400px; height : 100px; padding-top : 3px; padding-left : 3px; padding-right : 3px; padding-bottom : 3px; border-width : 5px 5px 5px 5px; border-style : solid solid solid solid; border-color : #00cccc #00cccc #00cccc #00cccc; } --> </STYLE> </HEAD> <BODY> <TABLE class="a"> <TBODY> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> </TBODY> </TABLE> <P><BR> </P> <TABLE style='font-size : 12px;font-family : "ＭＳ Ｐゴシック";color : blue;background-color : red;width : 300px;height : 200px;padding-top : 2px;padding-left : 2px;padding-right : 2px;padding-bottom : 2px;border-width : 3px 3px 3px 3px;border-style : solid solid solid solid;border-color : lime lime lime lime;'> <TBODY> <TR> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> </TR> </TBODY> </TABLE>
お礼
お礼が遅くなり、大変失礼しました。 教えていただいたことを参考に、色々試してみました。スタイルシートって、すごい…。ありがとうございました。
こんにちは。 BODYタグ内に指定したフォントサイズはTABLE内には反映されなかったと記憶しています。 ですので、もし問題のページがTABLEでレイアウトされたものならば、TABLE内にもSTYLE記述する必要があります。 <TABLE style="font-size:4.40mm"> はずしていたらごめんなさい。
お礼
ありがとうございます。 お礼が遅くなり失礼いたしました。 これもスタイルシートのなかまなのでしょうか？
- ShaneOMac
- ベストアンサー率39% (356/898)
body STYLE="font-size:4.40mm" とかやると良いですね。
お礼
それは、スタイルシートというやつでしょうか。 > body STYLE="font-size:4.40mm" というタグを試しにいれてみたのですが、うまくできませんでした。いれる場所が違うのかな…。勉強してみます。 ありがとうございました。
文字ではなく画像を使うのが確実です。 ユーザの設定の他にも、ＯＳやブラウザ、 そのバージョンによってレイアウトは崩れます。 文字サイズのみを固定しても不充分です。
お礼
回答ありがとうございます。 画像データとして文字もつくってしまう、ということですね。う～ん、それだと重たくならないか、心配です。
お礼
お礼が遅くなりすみませんでした。 そうなんですか～。わたしはDreamWeaverなしでは作れないかも…。全部エディタで打つことができる人に憧れます。相当な努力をされて覚えられたのでしょうか…。 ありがとうございました。