如何在一定点后将百分比宽度切换为px宽度？

Question

也许我的头衔没有多大意义。首先，我想为此道歉，我会尽力解释我的意思。

我正在尝试使用百分比创建网站布局。当浏览器变大时，一切看起来都很不错。当使浏览器变小时，当事情变得非常混乱时，例如菜单栏被推出它的位置并越过内容区域。

所以我想要的是，在某个点之后（在事物被推出位置之前），宽度会像像素一样被线程化，浏览器必须滚动才能看到内容。

希望你知道我的意思，我想提前感谢你们的帮助！

Answer 1

看看media queries：

@media (max-width: 600px) {
  /* your code for small devices */
}

Answer 2

#menu-bar {
    width: 100%;
    min-width: 1000px; /* Your desired width */
}

但我建议你将它用于整个内容页面或包装div。

.wrapper {
    width: 100%;
    min-width: 1000px; /* Your desired width */
}

然后使用百分比宽度将其他内容放入其中。