项目需求
手机端,页面自适应手机屏幕大小,不能手动放大和缩小。
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.代码添加的位置图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200118203215942.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E5NTQ1NTMzOTE=,size_16,color_FFFFFF,t_70)