调整页面和导航栏的大小

Question

我的导航栏按照我想要的方式在正常大小的页面/屏幕上工作。无论是在手机还是小屏幕上，它都会切断导航栏的黑色背景并保留列表内容。使它们不可见，并且水平滚动条看起来像什么都没有。

错误预览：

我在html中的代码只是一个列表，在css基本样式和位置是 保证金：0; 宽度：1920px;

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

我可以找到的所有教程都使用引导带，我不使用提升带，因为这是一个练习学校作业，并且最终不允许使用bootstrap

Answer 1

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

将其推送到nav和#serv。

Answer 2

我认为你没有在导航栏中使用navbar类并引用我的plunker并且它是移动响应。

参考这个Plunker。 使用 ul＆lt;＆gt;标记和 li＆lt;＆gt;标记

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