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">
   

猜你喜欢

转载自blog.csdn.net/weixin_41346436/article/details/139298370