文字サイズをどのブラウザで見ても一緒の大きさにしたい

質問

dw8の体験版でcssでレイアウトしたサイトを作っています。
観覧者に自由な文字サイズで見てもらいたいので、文字サイズをキーワードで指定しました。
この方法だと古いバージョンのブラウザでは文字が大きくなるようなのですが、一緒のサイズにするにはどうすればよいですか？
よろしくお願いします。

回答No.2

crepon133 · ベストアンサー

＞観覧者に自由な文字サイズで見てもらいたいので
これを前提にするならば、ブラウザやＯＳの違いによる文字の大きさは無視して良いのではないでしょうか。
どうしても揃えたいのならば、ＯＳ別、ブラウザ別、バージョン別のスタイルシートを用意し、javascriptで切り替える方法もあります。

お礼

ありがとうございます。
確かにそうですね。
いろいろと考えて頭が固くなってしまっていました。
多少の違いは許容できるようなデザインを目指したいと思います。
キーワードで指定すると文字が大きくなるような古いブラウザだけフォントを1段階小さくするような方法があればいいですね。探します。

パッと見、どのブラウザでもcss2のsmallなサイズになるのが理想ですが、どのブラウザでもというのが一番難しいみたいですね。
これから古いブラウザに対応することは必要なのでしょうか…
難しすぎます;

回答No.5

chinensis

単純に解決策として、cssに拘らずFlashを用いる手段もあります。
これですと動作する限りにおいては、見せ方をブラウザに関わらず統一させることができます。

また、cssで対応する場合には、最もhighレベルをどの辺りに決め打つのかが重要です。即ちこのレベル以降については特に検証が必要でなくなります。
さらにlowレベルを決めて、「非対応」ブラウザを決めておかないと、曖昧な基準では対応が大変になります。

皆さんの回答を駆使すればほとんどのブラウザへの対策は可能に思えますが、保守性について考慮しておかないと一箇所対応するために膨大な修正が発生する可能性があることも覚えておいてください。

※要は「頑張ってcssで対応する策は、保守性の観点からあまりお奨め出来ません」ということで。（作りっぱなしなら問題ないんですが）

お礼

ありがとうございます。
その点は私も本当に悩んでいます。
大手プロバイダのサイトなどもcssでのレイアウトの方向に行くみたいですのでこれを参考にしてどれくらいのレベルに合わせてあるのかを調べてみたいと思います。
（見てもよく分からないかも…）

回答No.4

crepon133

たびたび・・・
古いバージョンが読めないのを利用する方法もあります

<link rel="stylesheet" type="text/css" href="ver4.css">
<link rel="stylesheet" type="text/css" href="import.css">

ver4.css　古いブラウザ用のCSS
import.css　ここの中には　@import "xxx.css";　と読み込みたいファイル名を記述
xxx.css　新しいブラウザ用のCSS

お礼

なるほど、奥が深いですね。
この方法も検討してみます。
あっちもこっちも対応して行くと首が回らなくなりそうです><
割り切ることが大切みたいです…

回答No.3

crepon133

蛇足ですが・・・
CSSだけでレイアウトされたサイトを Netscape Navigator 4.x で見ると
レイアウトが再現されないところが多いですね。
もう完全に割り切っているのだと思いますよ。
しかし、現実的にはテーブルと組み合わせて
最低限のレイアウトを保ちたいなぁーと思ったりもしています。
でもフォントサイズの絶対値指定は最小限にとどめた方が良いと思います。

お礼

ありがとうございます。
やはり古いブラウザに対応しないところも増えてきているのですね。
古いブラウザには対応をしない方向で行きたいと思います。

回答No.1

OsieteG00

CSSのfont-sizeで文字サイズを絶対的に固定できます。

ただし、CSSに対応していないブラウザでは対応できません。また、WinとMacでも同じピクセルで文字サイズは厳密には異なってきますので、どうしても体裁を整えたいのであれば文字そのものを画像化するしかないです。

ですので、そのあたりは閲覧者の自由に任せるようにした方がよいと思います。

参考URL：

http://www.fromdfj.net/html/fontsize.html

お礼

ありがとうございます。
きっちりにするのには絶対指定のほうが有利ですね。
難しいです…