ブラウザのテキストサイズが大きくなると、テキストがボックスの端にこぼれるのを防ぐにはどうすればよいですか？

Question

ウェブデベロッパーは、ブラウザのテキストサイズが大きくなると、テキストがボックスの端にこぼれるのを防ぐ方法を教えてください。

Answer 1

あなたのレイアウトが高さを制限しないようにするためにそれ以外のことはあまりありません。そのため、テキストはまだボックスに収まるようになります。

絶対にサイズを制限する必要がある場合は、overflow: auto CSS宣言を使用して、内容が大きすぎてフィットできない場合にボックスのスクロールバーを表示させることができます。

Answer 2

すべてのサイズが "em"単位で宣言されていることを確認してください（ "em"は現在使用されているいずれのフォントサイズでも1文字 "m"の幅です）。サイズをピクセルで指定すると（最も一般的です）、フォントのサイズが変更されてもデザインのサイズは変更されません。

Answer 3

最近のブラウザのほとんどは、テキストだけでなく、ページ全体をズームするようにデフォルト設定されています。この問題は、IE7 + IE6がゆっくりとなくなるにつれて消えてしまいます。