首页 > 其他分享 >H5移动端禁止页面缩放(使用Android和IOS)

H5移动端禁止页面缩放(使用Android和IOS)

时间:2023-08-20 12:12:30浏览次数:32  
标签:10.0 scale 缩放 0.0 IOS H5 设置 viewport

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

标签说明:

  1. width: 设置viewport的宽度,正整数/字符串 device-width
  2. height: 设置viewport的高度,正整数/字符串 device-height
  3. initial-scale: 设置设备宽度与viewport大小之间的缩放比例,0.0~10.0之间的正数
  4. maximum-scale: 设置最大缩放系数,0.0~10.0之间的正数
  5. minimum-scale: 设置最小缩放系数,0.0~10.0之间的正数
  6. user-scalable: 如果设置为no,用户将不能缩放网页,默认为yesyes / no

注意:

IOS10以后版本不接受meta标签,可以通过js监听手势控制来实现禁止页面缩放:

document.addEventListener('gesturestart', function (event) {
    event.preventDefault()
})

标签:10.0,scale,缩放,0.0,IOS,H5,设置,viewport
From: https://www.cnblogs.com/aahan/p/17643824.html

相关文章

  • JS判断是否是IOS或Android环境
    //通过判断浏览器的userAgentconstuserAgent=navigator.userAgent;constisiOS=!!userAgent.match(/\(i[^;]+;(U;)?CPU.+MacOSX/);constisAndroid=userAgent.indexOf('Android')>-1||userAgent.indexOf('Adr')>-1;//alert('是......
  • 如何选择性价比高的广州h5开发公司?
    如何选择性价比高的广州h5开发公司?在广州这个充满活力的城市,有许多h5开发公司可供选择。如果想要确保自己的项目顺利进行并且预算合理,那就要选择一家性价比高的h5开发公司。接下来,广州名锐讯动将带大家探讨在广州选择性价比高的h5开发公司的建议。 1.明确需求:首先,要明确自己的需......
  • h5开发优势|h5开发能为业务带来什么好处?
    h5作为当前市场环境下一种主流得应用开发方式,被广泛应用于多个领域,包括网站、应用程序、微信小程序、短视频等。那么,h5开发有哪些优势呢?又能为业务带来哪些好处呢?跟着广州名锐讯动一起来看看吧!1.跨平台兼容性:h5开发能够开发出跨平台的应用程序,可以在各种操作系统和设备上运行,如手......
  • 骚操作:使用RxJava实现ImageView的拖动、旋转和缩放
    本文介绍一种使用Rxjava实现图片交互操作的方法。支持单指拖动,双指旋转缩放,效果如下:自定义View首先自定义TrsImageView继承ImageView,设置ScaleType为Matrix,我们使用矩阵计算最终的translate,rotate和scale。publicclassTrsImageViewextendsImageView{publicTrsImageVi......
  • Maui Blazor 安卓文字随系统文字缩放问题解决
    MauiBlazor的文字在正常情况下会随着用户手机内的系统文字设置大小而变化,所以可能导致手机应用内APP的布局由于文字变得过大或者过小而错乱。可以通过设置Webview里的文字缩放,保持应用内文字大小不变,代码如下:1.首先在Mainpage.xaml里设置好初始化事件,BlazorWebViewInitialize......
  • Airtest的iOS实用接口介绍
    1.前言前段时间Airtest更新了1.3.0.1版本,里面涉及非常多的iOS功能新增和改动,今天想详细跟大家聊一下里面的iOS设备接口。PS:本文示例均使用本地连接的iOS设备,Airtest版本为1.3.0.1。2.安装接口:install、install_appAirtest支持通过本地.ipa文件安装APP,也支持通过下载链接安......
  • 一分钟快速申请 iOS 证书及描述文件工具
    我们在开发iOS应用中,要用到各样的证书,在开发者中心创建这些证书比较麻烦,最气的是开发者中心的访问速度时快时慢,经常为了创建一个证书花费大量时间,而且也还要Mac电脑钥匙串,下面介绍在Windows环境下不用钥匙串迅速创建iOS各类证书及描述文件的方法。 这里用到一个工具Ap......
  • 防抖节流axios
    importaxiosfrom'axios'functionrequest(config){constinstance=axios.create({baseURL:'http://localhost:3000/api',timeout:10000})//防抖constdebounceTokenCancel=newMap()instance.interceptors.request.use(co......
  • ajax与axios
    概念:ajax(Asynchronous JavascriptAndXml):异步的js和xmlajax作用:1、使用ajax和服务器进行通信,就可以使用html+ajax替换jsp页面2、异步交互原生ajax<!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <title>Title</title&g......
  • 摄像头的RTSP视频如何用H5 来播放
    随着各行各业安防系统的建设,激增了摄像头视频web播放的需要。为此需要一个web播放器来播放摄像头的视频。想做好一个能兼容所有浏览器和所有摄像头编码的web播放器存在很多冲突点。支持h5的浏览器只支持h264和aac编码,而摄像头存在各种编码;摄像头获取流是通过rtsp或GB28181协议,而浏......