2014-02-15 93 views
0

我正在使用Foundation。在調整窗口大小時,top-bar(導航)突破了某個787x676分辨率。我已經剪切/粘貼了代碼,但問題仍然存在。然後,我檢查了foundation官方網站頂級酒吧在那裏的網站網站。我認爲基礎上存在一些缺陷。這裏是link /屏幕截圖。有沒有解決這個問題?基金會導航欄問題

enter image description here

回答

1

取決於你的意思是什麼固定,它打破當大小變得太小,無法容納所有的內容,所以還可以加上一個min-width,以確保它不會比這更小。

例子:

.top-bar { 
    min-width: 800px; 
} 

或者你可以有它溢出,只是生長在高度爲內容被下面的下降。爲此,請從刪除開始:

.top-bar { 
    height: 47px !important; 
} 

該行使黑色條保持原樣。

要交換到移動杆越快,查找類似@media only screen and (max-width: 767px)比特和大小增加到剛好高於它打破,例如(max-width: 780px)

+0

井,加入最小寬度:800點像素的修復破裂的問題,但它實現響應性更小的設備 –

+0

@AamirShahzad那麼我想你必須讓酒吧的高度像其餘的解釋..? – Marcel

+0

添加高度本身就是一個問題...我想要的是 - 它應該切換到移動版本導航前打破... –