如何制作适用于所有屏幕尺寸的导航栏？

Question

现在尝试创建一个只有HTML / CSS和JavaScript知识的网站（厌倦了学习，想要做点什么），但是使用导航栏我无法在所有屏幕类型上正确地间隔导航栏。

例如，如果我的Firefox浏览器是全屏的，那么它可以找到，但是如果我将它捕捉到半屏，那么导航文本（Home，About等）都会开始堆叠在一起。

我真的不知道我要求的是什么，所以谷歌搜索没有用。

有任何帮助，或者更具体地说是有关此问题的任何教程或主题吗？在尝试Google更多关于它时，我看到了很多jQuery和Bootstraps，但我还没有真正了解它们。

Answer 1

查看引导程序，它可以帮助您，因为它提供了CSS的框架，供您使用，包括响应式导航栏。

或尝试

.cssclassname {
width: 100%;
}

这会将宽度设置为100％的屏幕尺寸。