Html 在某一点之后,如何将百分比宽度切换到px宽度?

Html 在某一点之后,如何将百分比宽度切换到px宽度?,html,css,Html,Css,也许我的头衔没什么意义。所以首先我想为此道歉,我会尽力解释我的意思 我试图创建一个网站布局与百分比。当浏览器变大时,一切看起来都很好。当浏览器变小的时候,就是事情变得非常混乱的时候,例如菜单栏被推离了它的位置,越过了内容区域 所以我想要的是,在某一点之后(在东西被推出之前),宽度像像素一样被线程化,浏览器必须滚动才能看到内容 希望你们明白我的意思,我想提前感谢你们的帮助 看看: 但我建议您将其用于整个内容页或包装器div .wrapper { width: 100%; min-w

也许我的头衔没什么意义。所以首先我想为此道歉,我会尽力解释我的意思

我试图创建一个网站布局与百分比。当浏览器变大时,一切看起来都很好。当浏览器变小的时候,就是事情变得非常混乱的时候,例如菜单栏被推离了它的位置,越过了内容区域

所以我想要的是,在某一点之后(在东西被推出之前),宽度像像素一样被线程化,浏览器必须滚动才能看到内容

希望你们明白我的意思,我想提前感谢你们的帮助

看看:

但我建议您将其用于整个内容页或包装器div

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

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

CSS媒体查询提供了此功能。
#menu-bar {
    width: 100%;
    min-width: 1000px; /* Your desired width */
}
.wrapper {
    width: 100%;
    min-width: 1000px; /* Your desired width */
}