使网站响应的麻烦

Question

我对网络开发很陌生，而且我在创建一个我为我的投资组合响应的网站时遇到了麻烦。我的主要问题是我的网站使用侧边栏导航菜单...所以我坚持如何将其纳入响应性。我正在考虑使用Bootstrap来简化这个过程，但我仍然不确定如何重新排列侧边栏以使其适合较小的屏幕尺寸而不对其进行任何重大更改。

任何提示，帮助，建议将不胜感激。谢谢！

Answer 1

您应该查看css媒体查询。它们允许您使用浏览器的大小更改侧边栏，或禁用浏览器太小的侧边栏。

Answer 2

您可以使用媒体查询，也可以使用display flex进行响应行为：https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Answer 3

在css中，您可以在定义维度时使用百分比：

.sidebar{
width: 50%;
}

只要您的侧边栏不在任何其他元素中，它就会自动调整为50％的用户屏幕。如果侧边栏包含在另一个元素中，则必须先调整其他元素的大小。