我无法让我的侧边栏响应

Question

我使用 reactjs 创建了这个侧边栏，并为每个元素设置了固定数量的 px，这导致侧边栏无法响应。不幸的是，我不擅长 CSS。有人可以帮我将此代码转换为响应式吗？ 在此先感谢:)

代码在这里

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

code

Answer 1

在你的 sidebar.css 中使用 max-width 而不是 max-height。

@media screen and (max-width: 600px) {
  .sidenav {
    padding-top: 15px;
    width: 100px;
  }
  .sidenav a {
font-size: 14px;
  }
}