Vue项目运行页面禁止缩放【移动端和PC端都禁止缩放】解决方案

Vue项目运行页面禁止缩放【移动端和PC端都禁止缩放】解决方案，有的人手很J,总喜欢放大缩小，从而会导致页面错乱，以下是解决方案，简单有效

效果图PC：滚轮缩放和其他缩放都会禁止

移动端效果图：各种手机平板都禁止缩放

代码解决方案：

找到Vue项目下public文件中的index.html,在head标签里分别加入以下两个script脚本内容即可，都在head标签中

  <!-- 禁止在手机端缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">