创建整页缩放页面的最佳做法？

Question

我有一个固定像素宽度（960px）的布局，导航栏中有五个项目。 nav div的宽度设置为100％，但其内容最终只需要960px。导航有点复杂，有一组下拉菜单和链接。问题是，缩小页面会导致导航栏被剪切并移动到下一行。

任何人都有提示如何避免这种情况？

非常感谢。

Answer 1

我发现这样做的唯一可靠方法是使用'em'定义所有填充和宽度。这意味着当您在浏览器中更改字体大小时，所有内容都将相对于字体大小和平滑扩展/收缩。

这是一个simple template，我在几年前就把它放在了一起，就可以了。

由于大多数浏览器现在都在缩放而不是仅改变字体大小，因此它并不是一个值得关注的问题，但像IE6这样的老版本仍然需要一些帮助。