創建完整頁面放大頁面的最佳做法？

Question

我有一個固定像素寬度（960像素）的佈局，其中有五個項目的導航欄。導航div的寬度設置爲100％，但其內容最終需要精確到960像素。導航有點複雜，有一組下拉和鏈接。問題是，縮小頁面全部會導致導航欄被裁剪並移動到下一行。

任何人都有如何避免這個提示？

非常感謝。

Answer 1

我發現唯一可行的方法是使用'em'定義所有填充和寬度。這意味着在瀏覽器中更改字體大小時，所有內容都將與字體大小相關並平滑展開/收縮。

這是一個simple template我幾年前就把它放在一起。

由於大多數瀏覽器現在縮放而不是隻改變字體大小，所以它不是那麼重要，但像IE6這樣的老式瀏覽器仍然需要一些幫助。