如何通過CSS打破溢出的導航欄

我有一個像這樣的導航欄：http://www.gymnasium-templin.de/gym/index.php並嘗試通過css移動查詢開發移動版本樣式。當我調整導航欄時，f.e.到320像素（而不是900像素），我有一個「溢出」。我試圖使用溢出：在CSS中插入自動中斷。但是沒有辦法實現它。溢出：滾動;作品，但我想用導航按鈕獲得「換行」和兩個「行」或更多。讓每個人都知道如何實現這一點？來自德國的問候。如何通過CSS打破溢出的導航欄

來源

2015-04-12 Marvin Krüger

您可以使用媒體查詢，這是一個小工具，只要屏幕小於330px，它就會在括號中應用這些CSS規則。

@media only screen and (max-width:330px) { 

    #element { 
     change properties.. 
    } 
}

我不確定是否正確理解了您的問題，請告訴我。

來源

2015-04-12 12:50:41 Athax

我使用它，我的問題是在移動版本中獲得「換行」。在移動版本中，有一個溢出，我想插入一個自動換行符來使用我的移動版本（兩行或更多行按鈕）中的空洞導航欄。 –

@MarvinKrüger你可以創建一個http://codepen.io/，這樣我就可以看到你的結構。 – Athax

在css裏面有移動查詢，如果你在一個小屏幕的設備上加載頁面，你會看到溢出。 http://codepen.io/anon/pen/YPodbj.css http://codepen.io/anon/pen/YPodbj.html –

如何通過CSS打破溢出的導航欄

回答

相關問題