在一定点之后，如何将百分比宽度切换到PX宽度

Question

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

我正在尝试创建具有百分比的网站布局。当浏览器变得更大时，一切看起来都很好。当使浏览器变小时，那时事情真的很混乱，例如菜单栏从其位置中推出并越过内容区域。

所以我想要的是，在某个点之后（在将事物推出位置之前）之后，宽度会像像素一样螺纹，并且必须滚动浏览器才能查看内容。

希望您对我的意思有所了解，我想提前感谢你们的任何帮助！

Answer 1

看一下媒体查询：

@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 */
}

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