Javascript 在调整浏览器窗口大小时平均减少空间_Javascript_Jquery_Html_Css

Javascript 在调整浏览器窗口大小时平均减少空间

javascript jquery html css

Javascript 在调整浏览器窗口大小时平均减少空间,javascript,jquery,html,css,Javascript,Jquery,Html,Css,调整浏览器窗口大小时，浏览器只会减少元素后的空间。我想减少左右两边的空间，就像在Facebook上一样这是我的密码 CSS: HTML: 一些内容 . . . . 首先，我想到给身体一个最小宽度。但屏幕尺寸较小的计算机将是一个问题。另外，最小宽度也不是好的解决方案。您考虑过媒体查询吗？下面是一个演示：还有一篇好文章：你考虑过媒体查询吗？下面是一个演示：还有一篇好文章：你有什么问题 width: 50em; max-width: 95%; margin: 0 auto; 在

调整浏览器窗口大小时，浏览器只会减少元素后的空间。我想减少左右两边的空间，就像在Facebook上一样

这是我的密码

CSS:

HTML:


一些内容
.
.
.
.

首先，我想到给身体一个

最小宽度。但屏幕尺寸较小的计算机将是一个问题。另外，最小宽度
也不是好的解决方案。您考虑过媒体查询吗？

下面是一个演示：

还有一篇好文章：你考虑过媒体查询吗？

下面是一个演示：

还有一篇好文章：
你有什么问题
width: 50em;
max-width: 95%;
margin: 0 auto;

在网络上有很多次建议显示一个居中的包装器，它随着浏览器窗口的缩小和扩展以及左右相等的空间…
有什么问题吗
width: 50em;
max-width: 95%;
margin: 0 auto;

正如人们在网上多次建议显示一个居中的包装，该包装随着浏览器窗口的缩小和扩展，左右间距相等……
只需将宽度80%
赋给你的主体
，并将左边距
和右边距
赋给自动
进行中心对齐即可
   body{
      margin:0 auto;
      width:80%;
    }

建议：
若要将样式指定给body并不是一个好的做法，请将样式指定给页面中的顶级父div
像这样,
<body>
<div class="container">
       all page elements.....
</div>
</body>

只需将宽度80%
赋给body
，并将margin left
和margin right
赋给auto
进行中心对齐即可
   body{
      margin:0 auto;
      width:80%;
    }

建议：
若要将样式指定给body并不是一个好的做法，请将样式指定给页面中的顶级父div
像这样,
<body>
<div class="container">
       all page elements.....
</div>
</body>

当你缩小主体（通过增加其边距）时，主体不应该有一个边距，因为没有可见元素可以保留背景。当你缩小主体（通过增加其边距）时，主体不应该有一个边距，因为没有可见元素可以保留背景。如果你的问题得到解决，请单击已接受的答案，因为用户不知道哪个答案是正确的@harikrishnan.n0077如果您的问题已解决，请单击已接受的答案，因为用户不知道哪个答案正确@哈里克里希南n0077