移动端H5页面如何屏蔽双击缩放的功能?(转)
2024-08-21 09:59:58
来自大佬的回答:
我在我们的页面中加了很多,除了ios10以上的safari不兼容以外还没有遇到过不兼容的情况。
<!-- 视图窗口,移动端特属的标签。 -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<!-- 是否启动webapp功能,会删除默认的苹果工具栏和菜单栏。 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 这个主要是根据实际的页面设计的主体色为搭配来进行设置。 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- 忽略页面中的数字识别为电话号码,email识别 -->
<meta name="format-detection"content="telephone=no, email=no" />
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
最新文章
- Google分布式构建软件之三:分布式执行构建步骤
- LVS原理与使用(1)
- PDF firefox转换器
- Brute Force &; STL --- UVA 146 ID Codes
- 斜率dp cdq 分治
- Docker基础技术:AUFS
- C#操作EXCEL的时候出现“ 无法将类型为“Microsoft.Office.Interop.Excel.ApplicationClass”的COM 对象强制转换为接口类型“Microsoft.Office.Interop.Excel._Application” ”问题
- UI基础视图----UILabel总结
- 最详细的 HTTPS 科普扫盲帖
- MediaPlayer本地播放流程解析(一)
- stl function扩展(一)
- python redis list操作
- vue实现打印功能的两种方法
- 11、TopN实战
- leetcode10
- c# 一些细节
- JavaScript编程(终极篇)
- JSP生成WORD文档,EXCEL文档及PDF文档的方法
- WPF快速实现XML可视化编辑工具
- 微信小程序 功能函数 定时震动