2017-08-31 136 views
0

我的導航欄正常工作,因爲我希望它在正常大小的頁面/屏幕上。如何在手機或小屏幕上切斷導航欄的黑色背景並保留列表內容。讓它們看不見,還有一個水平滾動條出現在看起來什麼都沒有的地方。調整頁面大小和導航欄的大小

預覽錯誤:

Preview of error

我的HTML代碼只是一個列表,在CSS基本樣式和位置是 保證金:0; width:1920px;

我試圖將其設置爲100%,但它只是強制圖像上的導航欄文本,而不擴展黑色欄。我只是使用100%的最大寬度的圖片,它工作正常。

所有的教程我能找到使用自舉,即時不使用升壓帶,因爲這是允許的最後

+0

能爲您提供小提琴? –

+0

https://jsfiddle.net/r3y4yuxj/1/ 因爲它裏面有個人信息而忽略了腦袋,但它不會影響頁面的其他部分,所以它很酷的 –

+0

你試過了嗎? –

回答

0
nav{ 
    position: absolute; 
    top:0; 
    width: 100%; 
} 
#serv{ 
    width:100%; 
    margin-top: THE HEIGHT OF NAV; 
} 

推這NAV和#serv實踐作業和引導心不是。

0

我想你還沒有在你的導航欄中使用navbar類,並提到我的plunker,它是移動響應。

指這個Plunker。 使用UL <>標籤李<>標籤

[https://plnkr.co/edit/5gvJYTgRcp6WzrN9cIOd?p=preview][1] 
+0

需要找到一種方法來做到這一點沒有引導 –