移动端字体大小自适应问题？

使用@viewport属性实现移动端字体大小自适应。

例如，我们可以通过以下方式来设置@viewport属性：

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

其中，width=device-width表示在移动端，页面宽度自适应设备宽度；initial-scale=1.0表示页面初始缩放比例为1，即不缩放；user-scalable=no表示禁止用户进行缩放。

之后，我们就可以使用CSS中的rem单位来设置字体大小，这样就可以实现移动端字体大小自适应了。

例如，我们可以将根元素的字体大小设置为移动端所需的基准大小（例如16px）：

html {
  font-size: 16px;
}

然后，我们就可以在其他元素中使用rem单位来设置字体大小了：

body {
  font-size: 1.2rem; /* 相当于19.2px */
}

h1 {
  font-size: 2rem; /* 相当于32px */
}

这样，在不同的移动设备上打开页面时，字体大小会自动适应屏幕大小。