欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

安卓+ios系统--手机端页面自适应手机屏幕大小,禁止手动放大和缩小VUE

程序员文章站 2024-01-29 12:23:58
...

项目需求

手机端,页面自适应手机屏幕大小,不能手动放大和缩小。

1.代码

在index.html中加入下面的代码:

<!-- 手机端页面自适应手机大小,禁止手动放大 -->
<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

2.代码添加的位置图:

安卓+ios系统--手机端页面自适应手机屏幕大小,禁止手动放大和缩小VUE

相关标签: # VUE