Javascript 页面主体完全不收缩,CSS、HTML

Javascript 页面主体完全不收缩,CSS、HTML,javascript,html,css,Javascript,Html,Css,现在我有一个宽度为90%,左右边距为5%,边框为1px的主体。这就是我要做的。我试图使它,当你使用CTR -所有的方式缩小,它会收缩,直到它是一个针刺在页面中间,但现在身体的宽度根本没有缩小时,我缩小了所有的方式。保持原样大小。不知道我做错了什么。请看一下我的代码 body { width: 90%; margin-left: 5%; margin-right: 5%; border: 1px solid black; } 附言:如果你真的不明白我在说什么,请点击ctr-,或者点击ctr并在鼠

现在我有一个宽度为90%,左右边距为5%,边框为1px的主体。这就是我要做的。我试图使它,当你使用CTR -所有的方式缩小,它会收缩,直到它是一个针刺在页面中间,但现在身体的宽度根本没有缩小时,我缩小了所有的方式。保持原样大小。不知道我做错了什么。请看一下我的代码

body {
width: 90%;
margin-left: 5%;
margin-right: 5%;
border: 1px solid black;
}
附言:如果你真的不明白我在说什么,请点击ctr-,或者点击ctr并在鼠标上滚动,直到你的页面大小在25%左右。你看到StAcExcel是如何像一个针刺掴在中间?你看到整个网站的宽度缩小到这个尺寸了吗?好吧,当我这样做的时候,我的网站的主体一点也不收缩。它的大小保持不变

将%更改为px

body {
width: 1000px;
margin-left: 5%;
margin-right: 5%;
border: 1px solid black;
 margin:auto;
}
将%更改为px

body {
width: 1000px;
margin-left: 5%;
margin-right: 5%;
border: 1px solid black;
 margin:auto;
}

我想这会解决你的问题。但最好不要将body元素用作包装器。使用ID为wrapper的div,如下所示

#包装器{
宽度:90%;
保证金:0自动;
框大小:边框框;
边框:1px纯黑;
}

我想这会解决你的问题。但最好不要将body元素用作包装器。使用ID为wrapper的div,如下所示

#包装器{
宽度:90%;
保证金:0自动;
框大小:边框框;
边框:1px纯黑;
}



100px的90%和10000px的90%哪个比例更大?@MLeFevre不理解你的问题。您能详细说明吗?frosty请提供任何JSFIDLE或演示,以便我们能够以更好的方式快速解决您的问题。谢谢你可以将
max width
设置为
1140px
等。Stackoverflow页面的主体也没有缩小,里面的内容会按比例增加,100px的90%或10000px的90%。@MLeFevre不理解你的问题。您能详细说明吗?frosty请提供任何JSFIDLE或演示,以便我们能够以更好的方式快速解决您的问题。谢谢您您可以将
max width
设置为
1140px
等。Stackoverflow页面的主体也没有收缩,里面的内容做什么?我需要我的页面是90%,我需要我的页边距是5%。如何宽度:1000px将使这个页面在中心?宽度可以是任何值?这将使页面扭曲,甚至不符合解决方案页边距:auto将使页面位于中间,然后重新读取。op说他在左右两边使用了5%的宽度。什么?我需要我的页面是90%,我需要我的页边距是5%。如何宽度:1000px将使这个页面在中心?宽度可以是任何值?这将使页面扭曲,甚至不符合解决方案页边距:auto将使页面位于中间,然后重新读取。op说他在左右两侧使用了5%的宽度。