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

Question

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

任何人都有如何避免这个提示？

非常感谢。

Answer 1

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

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

由于大多数浏览器现在缩放而不是只改变字体大小，所以它不是那么重要，但像IE6这样的老式浏览器仍然需要一些帮助。