当浏览器的文本大小增加时，如何防止文本溢出框的边缘？

Question

作为网络开发人员，当浏览器的文字大小增加时，如何防止文字溢出框的边缘？

Answer 1

除了确保您的布局不限制高度之外，没有太多其他事情要做，因此文本仍然可以放在框中。

如果您绝对需要约束大小，则可以使用overflow: auto CSS声明，当内容太大而无法容纳时，框会显示滚动条。

Answer 2

确保以“em”为单位声明所有尺寸（“em”是当前使用的任何字体尺寸的单个字母“m”的宽度）。如果您以像素为单位指定尺寸（最常见），那么如果更改字体大小，您的设计将不会调整大小。

Answer 3

现在大多数现代浏览器默认缩放整个页面，而不仅仅是文本 - 所以当IE7 + IE6慢慢消失时，这个问题就会消失。