页面rem适配：解决页面缩小时字体不改变问题

要实现页面缩小时字体也跟着改变，可以通过设置根元素的font-size为视口宽度的一定比例来实现。

首先，在页面的head标签内添加以下meta标签，用于设置视口的宽度和缩放比例：

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

然后，在CSS中设置根元素的font-size为视口宽度的一定比例，例如：

html {
  font-size: calc(100vw / 10);
}

以上代码将根元素的font-size设置为视口宽度的1/10，这意味着在视口宽度为1000px时，根元素的font-size将为100px。

这样，当页面缩小时，根元素的font-size也会相应缩小，从而使页面中的其他元素的字体大小也跟着改变。