调整页面大小和导航栏的大小

我的导航栏正常工作，因为我希望它在正常大小的页面/屏幕上。如何在手机或小屏幕上切断导航栏的黑色背景并保留列表内容。让它们看不见，还有一个水平滚动条出现在看起来什么都没有的地方。调整页面大小和导航栏的大小

预览错误：

Preview of error

我的HTML代码只是一个列表，在CSS基本样式和位置是保证金：0; width：1920px;

我试图将其设置为100％，但它只是强制图像上的导航栏文本，而不扩展黑色栏。我只是使用100％的最大宽度的图片，它工作正常。

所有的教程我能找到使用自举，即时不使用升压带，因为这是允许的最后

能为您提供小提琴？ –

https://jsfiddle.net/r3y4yuxj/1/ 因为它里面有个人信息而忽略了脑袋，但它不会影响页面的其他部分，所以它很酷的 –

你试过了吗？ –

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

推这NAV和#serv实践作业和引导心不是。

2017-08-31 04:51:00 Chr

我想你还没有在你的导航栏中使用navbar类，并提到我的plunker，它是移动响应。

指这个Plunker。使用UL <>标签和李<>标签

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

2017-08-31 05:13:24

需要找到一种方法来做到这一点没有引导 –

回答