如何時，屏幕變小，內容需要更多的空間

我正在使用Twitter-bootstrapASP.NET MVC3應用程序，但我認爲這個問題是更可能與純CSS來解決還是一個bootstrap解決方案也歡迎擴大對頂部的段落。如何時，屏幕變小，內容需要更多的空間

我有我的垂直菜單中的幾個鏈接（爲我的例子的目的，他們是3）。每個菜單有

width: 100%; 
min-width: 40px;

的菜單中<p>和每個段落被包裹在分度：

width: 30%;

這是我JsFiddle link。問題是，隨着屏幕變小（較小的媒體，或只是調整大小）菜單向底部擴展，但在我真正的設計擴展是可以接受的（甚至是可取的），但我希望這發生在頁面的頂部，所以底線對所有菜單保持在同一水平。我怎樣才能做到這一點？

來源

2014-06-11 Leron

你能解釋一下嗎？我想我有你的解決方案，但我有點困惑。 – DanielPanic

@DanielPanic打開小提琴鏈接並開始收縮輸出屏幕。當你這樣做時，你會注意到中間菜單（文本最長的那個）正在增加它的高度，因爲整個文本沒有位置。我想要的是改變這種高度變化發生的方向。不要朝底部保持頂部邊界處於同一水平，相反，我希望菜單朝向頂部增加，使所有菜單的底部邊界保持在同一水平。現在中間的菜單邊界比另外兩個要低。我希望它更高！這是有道理的嗎？ – Leron

我想你可能需要給它一個高度，因爲你只有寬度瀏覽器只檢查X軸！試試吧，height:xx%;

來源

2014-06-11 17:49:10 amzuh

你能更具體嗎？給「高度」以什麼？究竟有多少？還有 - 有一個小提琴例子的鏈接，也許你可以嘗試你的建議，看看它是否工作，然後發佈答案.. – Leron

如何時，屏幕變小，內容需要更多的空間

回答

相關問題