css中怎么让页面以中间缩小

在制作网站的过程中，经常会遇到需要让页面以中间缩小的需求。这时我们可以运用css中的一些技巧来实现。

首先，我们可以通过设置body的宽度来控制页面的宽度。如下代码：

body{
   width: 1200px;
   margin: 0 auto;
} 

其中，width表示页面的宽度，margin:0 auto;表示让页面居中显示。

除此之外，我们还可以使用弹性盒子来实现。代码如下：

body{
   display: flex;
   justify-content: center;
   align-items: center;
} 

其中，display:flex;表示将body元素设置为弹性盒子，justify-content: center;表示将子元素水平居中，align-items: center;表示将子元素垂直居中。

通过以上两种方法，我们就可以轻松地让页面以中间缩小了。