网页根据别人的缩放内容也跟着缩放是怎么写的

这种效果可以通过CSS的viewport单位实现。

viewport单位是相对于视口（浏览器窗口）的单位，其值为视口宽度或高度的百分比。例如，1vw表示视口宽度的1%。

使用viewport单位可以实现当浏览器窗口大小改变时，页面元素的大小也会跟着改变。

具体实现方法如下：

1. 在HTML文档的头部添加以下meta标签，用于设置视口的宽度和缩放比例：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

其中，width=device-width表示视口宽度等于设备宽度，initial-scale=1.0表示初始缩放比例为1。

2. 在CSS样式表中使用viewport单位设置元素的大小、边距等属性。例如：

div {
  width: 50vw;
  margin: 5vh;
}

其中，50vw表示元素宽度为视口宽度的50%，5vh表示上下边距为视口高度的5%。

这样，当浏览器窗口大小改变时，div元素的宽度和边距也会自动调整。

需要注意的是，使用viewport单位可能会导致元素在不同设备上显示效果不同，需要根据具体情况进行调整。