创建完整页面放大页面的最佳做法?
问题描述:
我有一个固定像素宽度(960像素)的布局,其中有五个项目的导航栏。导航div的宽度设置为100%,但其内容最终需要精确到960像素。导航有点复杂,有一组下拉和链接。问题是,缩小页面全部会导致导航栏被裁剪并移动到下一行。创建完整页面放大页面的最佳做法?
任何人都有如何避免这个提示?
非常感谢。
答
我发现唯一可行的方法是使用'em'定义所有填充和宽度。这意味着在浏览器中更改字体大小时,所有内容都将与字体大小相关并平滑展开/收缩。
这是一个simple template我几年前就把它放在一起。
由于大多数浏览器现在缩放而不是只改变字体大小,所以它不是那么重要,但像IE6这样的老式浏览器仍然需要一些帮助。