縮小時佈局會變得模糊

Question

我做了一個固定佈局，它在所有瀏覽器上都很好用。但是，當縮小至少一個輪子滾動（90％）時，第二個導航（＃標題導航）項闖入更多行並且將元素推出他們的位置。我嘗試使用em和％設置字體大小，填充和邊距，但沒有好處。如果我做了溢出：隱藏＃頭導航，我可以縮小高達50％，沒有問題。這對我來說已經足夠了，但是隱藏並不是一種選擇。

你可以在這裏看到：http://palivonas.lt/test/stackoverflow/

編輯：明白了在Chrome和IE9（感謝@GGG）工作，但Firefox還是推#social框下來，即使行不以航行打破任何更多。

Answer 1

這是一個修復程序。

將列表項'display屬性更改爲inline-block，並刪除float。

#header-navigation li { 

    background: url(images/slash_header.png) right no-repeat; 
    padding-right: 26px; 
    margin-right: 19px; 
    display: inline-block; 

} 

將white-space: nowrap添加到包含導航的有序列表中。

ol, ul { 

    list-style: none; 
    white-space: nowrap; 

}