精华内容
下载资源
问答
  • 下面一段代码给大家介绍了html5添加禁止缩放功能,具体代码如下所示: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, ...
  • 今天小编就为大家分享一篇vue h5移动端禁止缩放代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • h5开发手机禁止缩放

    2019-05-06 22:13:26
    head添加meta属性 <meta name=“viewport” content=“width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no”> 即可实现手机端适配

    在head添加meta属性

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

    即可实现手机端适配

    展开全文
  • H5页面手机禁止缩放的正确方式

    千次阅读 2020-07-08 11:24:21
    H5页面禁止手机缩放是个常见问题了 首先说meta方式 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 这个写法一抓一大把,因为使用...

    H5页面禁止手机端缩放是个常见问题了

    首先说meta方式

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

    这个写法一抓一大把,因为使用以后发现页面变形严重,很多人直接丢弃了该方式,实际上是由于width=device-width这一段代码引起的屏幕自适应

    有些浏览器是强制开启允许缩放的,于是,使用js的方式在一定的延迟之后将该meta写入header中也是一种方法,但是有些浏览器是无效的

    对于双击放大和双指放大,本质上是一种js,找了好久,找到了使用js禁止的方式,代码如下

    禁止双指放大

    document.documentElement.addEventListener('touchstart', function (event) {
      if (event.touches.length > 1) {
        event.preventDefault();
      }
    }, false);

    禁止双击放大

    var lastTouchEnd = 0;
    document.documentElement.addEventListener('touchend', function (event) {
      var now = Date.now();
      if (now - lastTouchEnd <= 300) {
        event.preventDefault();
      }
      lastTouchEnd = now;
    }, false);

    该方式在手机端适用良好,并且不影响第三方地图的缩放,建议使用

    以上

    转载于:https://www.cnblogs.com/liuyuhangCastle/p/10517067.html

    展开全文
  • html,vue禁止页面在手机上缩放

    千次阅读 2019-10-04 13:59:41
    <meta name="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"/> html中直接复制即可

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

    在html中直接复制即可

    展开全文
  • 禁止Html5在手机上屏幕页面缩放

    千次阅读 2018-03-31 12:08:47
    最近测试html5页面,发现默认都允许用户缩放页面,或者屏幕双击放大或缩小。即相当于这样设置 &lt;meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes&...

    最近测试html5页面,发现默认都允许用户缩放页面,或者在屏幕双击放大或缩小。即相当于这样设置 
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" /> 
    如果要禁止此情形,修改相应参数即可。 
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

    展开全文
  • html5默认允许用户缩放页面,如果需要禁止缩放,我们需要将user-scalabel=0设置下。 具体代码如下: <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name=...
  • 经测试直接在在body之加一行代码即可: 参考来源: http://www.jb51.net/html5/172213.html http://www.discuz.net/thread-3539641-1-1.html
  • html5禁止手机缩放

    2020-10-28 10:29:09
    修改index.html里的meta标签
  • <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;...有些浏览器是强制开启允许缩放的,于是,使用js的方式一定的延迟之后将该meta写入header中也是一种方法,但...
  • 最近测试html5页面,发现默认都允许用户缩放页面,或者屏幕双击放大或缩小。即相当于这样设置<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />如果要禁止此...
  • vue h5移动端禁止缩放

    2019-11-21 15:14:01
    安卓 index.html里面写 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=...APP.vue里面写 <script> window.onload = function() { docume...
  • vue项目APP禁止页面缩放

    千次阅读 2019-08-15 15:47:03
    veu-cli自动生成的项目中,index.html中meta 标签内容如下,放在手机上浏览 是可以放大缩小的 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 将meta标签修改为如下, <meta ...
  • (function () { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.addEventListener) { document.addEventListener...
  • 移动端禁止缩放的meta标签值
  • 方式一(推荐) 页面head中加入 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> ...方式二 这个方法有一定的限制 ...meta content="width=...
  • 允许屏幕缩放的设置, &lt;meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" /&gt;   不允许屏幕缩放的设置: &lt;meta content=&...
  • 手机浏览器禁止缩放

    2015-08-17 11:10:44
  • 禁止浏览器缩放网页的HTML代码

    热门讨论 2013-03-30 21:41:52
    这是一个禁止浏览器缩放网页的HTML代码,主要用于手机浏览器,防止用户缩放导致排版错轮用的!
  • 禁止在手机浏览器中缩放

    万次阅读 2013-06-14 17:33:57
    页面head中加入禁止缩放
  • [html] 如何禁止手机端页面缩放? <meta name="viewport" content="user-scalable=no"> 个人简介 我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易, 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣...
  • <script> /** * MobileWeb 通用功能助手,包含常用的 UA 判断、页面适配、search ... * 该 JS 应 head 中尽可能早的引入,减少重绘。 * * fixScreen 方法根据两种情况适配,该方法自动执行。 * 1....
  • 移动端页面禁止缩放

    2020-07-13 19:12:44
    <meta content="width=device-width,user-scalable=no,initial-scale=1" name="viewport">

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,169
精华内容 3,267
关键字:

如何在手机上禁止缩放