一.首先找到pubilc/index.html文件
pubilc/index.html是一个模板文件，作用是生成项目的入口文件，webpack打包的js,css也会自动注入到该页面中。我们浏览器访问项目的时候就会默认打开生成好的index.html。
二.找到一个位于 HTML 页面头部的 <meta> 标签，用于指定移动设备的视口（viewport）属性。 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
具体含义如下：
width=device-width：将视口宽度设置为设备宽度。这样可以确保页面在移动设备上以正确的宽度显示，不会被缩放或裁剪。initial-scale=1：设置页面的初始缩放级别为 1。这表示页面加载时以原始大小进行显示，不进行缩放。maximum-scale=1：设置用户可缩放页面的最大缩放级别为 1。这意味着用户在移动设备上无法将页面缩放超过原始大小，即不能放大或缩小页面。user-scalable=yes：允许用户缩放页面。如果将该值设置为 "no"，则禁用用户对页面的手动缩放操作。
通过这些视口属性的配置，可以确保移动设备上的网页以适当的宽度显示，并且不允许用户对页面进行手动缩放。这有助于提供更好的用户体验和可读性，并且可以避免用户意外或故意修改页面大小。
三.将其修改为合适的缩放比就可以啦 ,我的是0.3
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=0.3, user-scalable=yes">
