Html css中的响应边距

我制作了一些与Youtube相似的网站来学习

当在youtube main中减小浏览器的大小时，它的左右边距也会减小

有什么CSS技巧吗

也许我必须使用margin:auto，但我不知道该怎么做

我的布局在这里->

<div class="wrap">
   <div class="section">
      123
   </div>
</div>

123

包裹的高度和宽度为100%，且部分具有

左侧边距：75px，
右边距：75px

谢谢。
页边距：0自动是一种方法：


.wrap{
宽度：100%；
背景：红色；
}
.科{
宽度：计算（100%-150px）；
保证金：0自动；
高度：100vh；
背景：橙色；
}

123

.wrap{
宽度：100%；
背景：巴巴巴；
}
.科{
宽度：计算（100%-75px）；
保证金：0自动；
高度：100vh；
背景：#7b；
颜色：#fff；
字号：18px；
文本对齐：居中；
线路高度：100vh；
}

123
如果您还包括样式，那就更好了，为什么不看看视口单位或媒体查询。您应该将宽度设置为.section（px或%），然后设置边距：0 auto；to.section如果使用
margin:auto？乔纳斯说的是对的：如果px应该是可伸缩的，就不要使用它。所以只需使用%即可。由于百分比的原因，您还可以在变大/变小时使用媒体查询。然后，您可以将新的“规则”从某个宽度放在那里。我的意思是，如果减小浏览器的大小，.节的左右边距也会减小。@Hide所以使用一些“%”值而不是150px