pc端页面等比缩放到移动端

当我们将一个pc端的网页放到移动端的时候，移动端浏览器会将pc端的网页按照一定的比例完整的显示出来，这是因为移动端的浏览器默认的会将网页渲染在一个比例比较大的viewport中排版（ios默认的是980px，Android4.0以上为980px），然后通过比例缩放看到整个页面的全貌。

1、如果没有按比例显示，需要在head头中增加如下设置。

// 实测有效
<meta name="viewport" content="user-scalable=yes">

// 这样设置实测无效
<meta name="viewport" content="width=device-width,initial-scale=1.0,
minimun-scale=1.0,maximum-scale=1.0,user-scalable=no">

2、如果部分文字仍然没有按比例显示，需要按如下代码进行设置，以调整移动端文字大小

html, body {
  -webkit-text-size-adjust: 100%;
}

参考链接：
https://blog.csdn.net/qq_42669897/article/details/114266250
https://blog.csdn.net/u014179029/article/details/81389726