锤子 admin
这个人很懒,什么也没留下
废物晚期 老实人
感情交流
jcgzs@vip.qq.com

网站ios浏览器访问编辑时自动放大解决

锤子 · 2个月前
2021-10-11 · 记录 · 60 · 0

把以下代码加入到 <head>与</head>之间,即可

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

 

用了之后电脑端访问会有“The key “inital-scale” is not recognized and ignored.”警告,谷歌chrome不支持“inital-scale”这个参数,这个可以忽略,因为我们这里修改针对的是移动端的参数。

 

代码的含义:

<meta content="yes" name="apple-mobile-web-app-capable" /> 


apple-mobile-web-app-capable
移动终端浏览器的参数吧,设置Web应用是否以全屏模式运行。content为yes,Web应用会以全屏模式运行。

 

<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no" />


这一段代码是让网页的宽度自动适应手机屏幕的宽度。

width=device-width – 宽度是设备屏幕的宽度
initial-scale=1.0 – 初始的缩放比例,初始为1.0
maximum-scale=1.0 – 最大的缩放比例,值为1.0是禁止缩放
user-scalable=no – 用户是否可以调整缩放比例

 

参考:https://www.sgtfz.cn/2018/05/831.html

October 11,2021 18:45:10
阅读60
撰写评论