質問: Webサイトを作成しています。 tableなどを作成すると、ブラウザによって文字の大きさが変わってしまい、例えば、Chromeだと1行で収まるのに、IEで見ると文字が大きくなって改行されてしまったりします。 文字の大きさは、CSSで、 ``` font-size:14px; ``` のように、ピクセルで指定しています。 このように、ブラウザごとに文字の大きさの見え方が変わってしまう問題は、Webデザインをするにあたって、どのように対処するものなのでしょう? ブラウザごとに文字の大きさが変わって、改行されてしまったりすることは、致し方ないこととしなければいけないのでしょうか? アバウトなデザインの場合はいいのですが、特にテーブルできっちり1行にしないとどうも変になってしまう場合などが困っております。
回答: > > IEとChromeで見た目が違う > > > OS、フォント、ブラウザ(レンダリングエンジン)によってそれぞれフォントの描画方法が少しずつ変わります。そのため、折り返し位置が揃わないなどのことが起こります。OS、指定しているフォントが同じでも、ブラウザが違えば描画結果は変わります。(OSやフォントの違いのほうが当然「表示の差異」は大きいです) 他の回答者さんの回答にあるように、スタイルの調整やWebフォントを使って「だいたい同じ」に表示することができます。最近は特に日本語Webフォントサービスなども登場したため、比較的同じ表示にしやすくなってきました。 それ以前からの対処法としては、「文字が1文字増えるだけで改行するようなぎりぎりのレイアウトをしない」であったり、「あふれたものをボックスのoverflowで隠してしまう」、「いっそ画像にしてしまう」だったり、状況に合わせた手法で解決をしています。