- ベストアンサー
文字サイズをどのブラウザで見ても一緒の大きさにしたい
dw8の体験版でcssでレイアウトしたサイトを作っています。 観覧者に自由な文字サイズで見てもらいたいので、文字サイズをキーワードで指定しました。 この方法だと古いバージョンのブラウザでは文字が大きくなるようなのですが、一緒のサイズにするにはどうすればよいですか? よろしくお願いします。
- yuri0987
- お礼率93% (28/30)
- ホームページ作成ソフト
- 回答数5
- ありがとう数5
- みんなの回答 (5)
- 専門家の回答
質問者が選んだベストアンサー
>観覧者に自由な文字サイズで見てもらいたいので これを前提にするならば、ブラウザやOSの違いによる文字の大きさは無視して良いのではないでしょうか。 どうしても揃えたいのならば、OS別、ブラウザ別、バージョン別のスタイルシートを用意し、javascriptで切り替える方法もあります。
その他の回答 (4)
- chinensis
- ベストアンサー率40% (54/132)
単純に解決策として、cssに拘らずFlashを用いる手段もあります。 これですと動作する限りにおいては、見せ方をブラウザに関わらず統一させることができます。 また、cssで対応する場合には、最もhighレベルをどの辺りに決め打つのかが重要です。即ちこのレベル以降については特に検証が必要でなくなります。 さらにlowレベルを決めて、「非対応」ブラウザを決めておかないと、曖昧な基準では対応が大変になります。 皆さんの回答を駆使すればほとんどのブラウザへの対策は可能に思えますが、保守性について考慮しておかないと一箇所対応するために膨大な修正が発生する可能性があることも覚えておいてください。 ※要は「頑張ってcssで対応する策は、保守性の観点からあまりお奨め出来ません」ということで。(作りっぱなしなら問題ないんですが)
お礼
ありがとうございます。 その点は私も本当に悩んでいます。 大手プロバイダのサイトなどもcssでのレイアウトの方向に行くみたいですのでこれを参考にしてどれくらいのレベルに合わせてあるのかを調べてみたいと思います。 (見てもよく分からないかも…)
- crepon133
- ベストアンサー率51% (399/776)
たびたび・・・ 古いバージョンが読めないのを利用する方法もあります <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
お礼
なるほど、奥が深いですね。 この方法も検討してみます。 あっちもこっちも対応して行くと首が回らなくなりそうです>< 割り切ることが大切みたいです…
- crepon133
- ベストアンサー率51% (399/776)
蛇足ですが・・・ CSSだけでレイアウトされたサイトを Netscape Navigator 4.x で見ると レイアウトが再現されないところが多いですね。 もう完全に割り切っているのだと思いますよ。 しかし、現実的にはテーブルと組み合わせて 最低限のレイアウトを保ちたいなぁーと思ったりもしています。 でもフォントサイズの絶対値指定は最小限にとどめた方が良いと思います。
お礼
ありがとうございます。 やはり古いブラウザに対応しないところも増えてきているのですね。 古いブラウザには対応をしない方向で行きたいと思います。
- OsieteG00
- ベストアンサー率35% (777/2173)
CSSのfont-sizeで文字サイズを絶対的に固定できます。 ただし、CSSに対応していないブラウザでは対応できません。また、WinとMacでも同じピクセルで文字サイズは厳密には異なってきますので、どうしても体裁を整えたいのであれば文字そのものを画像化するしかないです。 ですので、そのあたりは閲覧者の自由に任せるようにした方がよいと思います。
お礼
ありがとうございます。 きっちりにするのには絶対指定のほうが有利ですね。 難しいです…
関連するQ&A
- ブラウザの文字サイズ
お世話になります。 IEなどのブラウザで文字サイズを変更するとき、変更後のサイズをCSSなどを使って、こちら側で設定することはできるのでしょうか? 例えば、文字サイズが「中」なら1.5em、「最大」なら2emなどです。 当方、ホームページを運営しているのですが、文字サイズを「最大」などに変更するとレイアウトが崩れて困っています。よろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- ブラウザの文字サイズについて
今ホームページを作っています。以前窓の大きさの指定を教えてもらったのですがどうも文字の大きさがブラウザの設定で変わってしまいちょうどいい大きさにおさまりません。そこで相談なんですがブラウザの文字の大きさを固定する方法はありますか。現在size=3とかって書いてますがブラウザの設定からの相対サイズになるようです。絶対サイズの書き方はどうなるんでしょうか。教えてください。
- ベストアンサー
- HTML
- 文字サイズが大きくなってしまう
CSSで文字サイズを指定しています。 <STYLE TYPE="text/css"> .pt10 {font-size=10.5pt;} </STYLE> ・・・ <TD class="pt10"> こんな感じです。 普通はこれでうまく表示されているのですが、あるパソコンだけ、文字が大きく表示されてしまいます。 ブラウザはIE5.5とNC4.7で試してみましたが どちらも同じで、ブラウザの問題では無いと思います。 原因に思い当たることがあれば教えてください。 よろしくお願いします。
- 締切済み
- HTML
- cssで指定した文字の大きさがIE6とIE7で違う
cssでレイアウトを指定したサイトを作りました。 IE6、Opera9、Firefox2でうまく表示ができました(微妙にFirefoxだけ文字の大きさが小さいですが、ほぼレイアウトにあっています)。 が、先日IE7で確認するとフォントサイズが大きくなっていました。 cssではfont-sizeを、bodyが12px、各id、classはそれぞれ11px、10pxとしました。 IE7だと13pxくらいに見えてしまい、レイアウトをはみ出て表示されています。 IE7をIE6と同じフォントサイズにするにはどのように指定すればよいのでしょうか? ちなみに文字の大きさは固定でブラウザで大きさを変更できないようにしたいのです。 すみませんがよろしくお願いします。
- 締切済み
- HTML
- ブラウザ文字サイズ
普段インターネットをする際に ブラウザの文字サイズは大、中、小 のどれをお使いですか? 又、サイトにより変更されたりしますか? 読みやすい文字サイズのサイトなどありましたら、 教えて下さい!! サイトを作る時にどれ位がいいのか 色々な人の意見を聞いてみたいので 宜しくお願いします。
- 締切済み
- その他(インターネット・Webサービス)
- webでの文字サイズを固定したい!
HTMLでのフォントのサイズなのですが、見る側のブラウザの文字サイズ設定で、実際に表示されるサイズが変わりますよね。それで設定を最小にするか最大にするかでレイアウトが大きく崩れてしまうので困っています。 ブラウザの文字サイズ設定を変更しても、フォントサイズの表示、レイアウトとも維持されているサイトもありますよね。これって、いったいどうしたらできるんでしょうか?
- ベストアンサー
- CSS
- 文字サイズを変更してもくずれないレイアウト
お世話になります。 CSSで文字サイズを「小・中・大」と変更できるサイトはよく見かけるのですが、文字サイズを変更した際に、レイアウト(背景の画像や枠の幅)は同じなので、1行だったものが2行になってしまったりします。 それを回避したサイトを制作するにはどのようにしたら良いでしょうか? 現状の策としましては、 ・CSSを3つ用意し、さらにそのCSSに合わせたレイアウトのHTMLをそれぞれ用意しておく。 ※この場合、ページの進退でそのCSSをそのまま引き継ぐ方法が未解決です。 どなたかご教授いただければと思います。 以上、宜しくお願い致します。
- 締切済み
- HTML
- CSSの文字サイズについて
CSSの練習にサイトを作っているのですが、 文字の表示サイズをブラウザ側で変更すると文字が隠れてしまいます。 yahooなどは文字サイズを変更してもブロックも拡大しているようなのですがどうなっているのでしょうか。
- 締切済み
- HTML
お礼
ありがとうございます。 確かにそうですね。 いろいろと考えて頭が固くなってしまっていました。 多少の違いは許容できるようなデザインを目指したいと思います。 キーワードで指定すると文字が大きくなるような古いブラウザだけフォントを1段階小さくするような方法があればいいですね。探します。 パッと見、どのブラウザでもcss2のsmallなサイズになるのが理想ですが、どのブラウザでもというのが一番難しいみたいですね。 これから古いブラウザに対応することは必要なのでしょうか… 難しすぎます;