控制台打开时如何防止侧边缩小

Question

我当前的页面如下：

然而，当我打开控制台时，我在“Dashboard”

上看到这个词溢出

目前，侧边栏的宽度设置为12%，a.k.a是一个相对宽度，因为可能会访问该网站的显示器尺寸不同。当我打开控制台时，有没有办法防止侧边栏缩小？

Answer 1

由于您将其设置为相对权重，因此页面宽度的任何更改都会影响侧边栏的宽度。

您需要做的是添加一条css规则来定义侧边栏的最小宽度：

#sidebar {
  // [...]
  min-width: 120px;
}

作为一般规则，只有在明确控制包含元素的宽度时才使用基于百分比的值，否则会遇到您遇到的问题。