精华内容
下载资源
问答
  • <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /> 转载于:https://www.cnblogs.com/Gold-fangjin/p/5865686.html

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

    转载于:https://www.cnblogs.com/Gold-fangjin/p/5865686.html

    展开全文
  • js禁止浏览器缩放

    千次阅读 2019-09-26 12:38:01
    <script> document.addEventListener('keydown', function (event) { if ((event.ctrlKey === true || event.metaKey === true) && (event.which === 61 || event.which ===...
    <script>
        document.addEventListener('keydown', function (event) {
            if ((event.ctrlKey === true || event.metaKey === true)
                && (event.which === 61 || event.which === 107
                    || event.which === 173 || event.which === 109
                    || event.which === 187 || event.which === 189)) {
                event.preventDefault();
            }
        }, false);
        // Chrome IE 360
        window.addEventListener('mousewheel', function (event) {
            if (event.ctrlKey === true || event.metaKey) {
                event.preventDefault();
            }
        }, { passive: false });
    
        //firefox
        window.addEventListener('DOMMouseScroll', function (event) {
            if (event.ctrlKey === true || event.metaKey) {
                event.preventDefault();
            }
        }, { passive: false });
    
    
    
    //这里是监听页面缩放百分比并提醒用户将页面缩放调整至100%的(有需要的可以添加)
    
            function pageZoom() {
                var ratio = 0,
                    screen = window.screen,
                    ua = navigator.userAgent.toLowerCase();
    
                if (window.devicePixelRatio !== undefined) {
                    ratio = window.devicePixelRatio;
                }
                else if (~ua.indexOf('msie')) {
                    if (screen.deviceXDPI && screen.logicalXDPI) {
                        ratio = screen.deviceXDPI / screen.logicalXDPI;
                    }
                }
                else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
                    ratio = window.outerWidth / window.innerWidth;
                }
    
                if (ratio) {
                    ratio = Math.round(ratio * 100);
                }
    
                return ratio;
            };
            var ratio = pageZoom()
    
            // 打印当前缩放值
            console.log(ratio)
    
            // 判断是否缩放
    
            if (ratio > 100) {
                alert('为了更好地展示页面内容,请您将页面比例调整至100%')
            } else if (ratio < 100) {
               alert('为了更好地展示页面内容,请您将页面比例调整至100%')
            } else {
                console.log("100%")
            }
    </script>
    
    展开全文
  • <div id="silverlightControlHost">  <object data="data:application/x-silverlight-2,"  type="application/x-silverlight-2" width="100%" height="100%"> ...param name="enable...
    <div id="silverlightControlHost">
      <object data="data:application/x-silverlight-2,"
        type="application/x-silverlight-2" width="100%" height="100%">
        <param name="enableAutoZoom" value="false" />
        ...
      </object>
      <iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>
    </div>

     

    转载于:https://www.cnblogs.com/Lamborghini/archive/2012/12/18/2823206.html

    展开全文
  • 前段时间由于工作需要,需要实现禁止使用Ctrl/Command + -/+, 以及Ctrl/Command + 鼠标滚动等方式缩放浏览器: 1 $(document).keydown(function (event) { 2 //event.metaKey mac的command键 3 //mac下...

     

    前段时间由于工作需要,需要实现禁止使用Ctrl/Command + -/+, 以及Ctrl/Command + 鼠标滚动等方式缩放浏览器:

     1         $(document).keydown(function (event) {
     2           //event.metaKey mac的command键 
     3           //mac下chrome: - 189, + 187 firefox: - 173, + 61, 
     4           //数字键盘: + 107, - 109
     5           if ((event.ctrlKey === true || event.metaKey === true)&& 
     6           (event.which === 189 || event.which === 187 
     7           || event.which === 173 || event.which === 61 
     8           || event.which === 107  || event.which === 109))
     9           {
    10             event.preventDefault();
    11           }
    12         });
    13         $(window).bind('mousewheel DOMMouseScroll', function (event) {
    14           if (event.ctrlKey === true || event.metaKey) {
    15              event.preventDefault();
    16           }
    17         });

    然而最近升级了chrome浏览器到73,再运行项目的时候突然报错:

    查看了相关说明,发现chrome73为了减少用户触摸屏幕后更新显示所需的时间,将在文档级目标(窗口)上注册的wheel/mousewheel事件侦听器默认为passive(即:{passive: true})。而这样的设置将忽略此类侦听器内部的preventDefault()调用,从而使chrome下的禁止功能失效。目前先根据官方说明做了修改:

    window.addEventListener('mousewheel', function(event){
        if (event.ctrlKey === true || event.metaKey) {
              event.preventDefault();
        }
    },{ passive: false});
    
    //firefox
     window.addEventListener('DOMMouseScroll', function(event){
        if (event.ctrlKey === true || event.metaKey) {
               event.preventDefault();
        }
    },{ passive: false});

    虽然目前firefox的相关更改还在考虑中,但为了防止出现相同问题,还是为ff下的事件显示设置了{passive: true}。

    暂时解决了问题,记录一下待日后优化。

    相关说明:

    https://www.chromestatus.com/features/6662647093133312

    https://developers.google.com/web/updates/2017/01/scrolling-intervention

    https://github.com/WICG/interventions/issues/64

    转载于:https://www.cnblogs.com/xiaobaiou/p/10731062.html

    展开全文
  • 禁止浏览器缩放网页的HTML代码

    热门讨论 2013-03-30 21:41:52
    这是一个禁止浏览器缩放网页的HTML代码,主要用于手机浏览器,防止用户缩放导致排版错轮用的!
  • 移动端禁止禁止浏览器缩放 maximum-scale=1.0 //最大缩放范围 minimum-scale=1.0 //最小 user-scalable=no //是否允许缩放
  • 浏览器固定缩放比例

    千次阅读 2020-03-16 15:06:38
    1、看了好多博客,都是以下面代码为准 ... // 判断pc浏览器是否缩放,若返回100则为默认无缩放,如果大于100则是放大,否则缩小 function detectZoom (){ var ratio = 0, screen = window.screen, ...
  • 在index的首页之中,有把meta标签改成如下形式,就可以将用户缩放功能关闭了。 , initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 可能出现问题 : 1.更换之后没有禁止成功,依然还可以缩放。 ...
  • 最近项目跑到了触碰屏上,双指可放大缩小页面。。。 在css中添加样式 *{ touch-action:none; } ...touch-action 属性可以被指定为: ...当触控事件发生在元素上时,由浏览器来决定进行哪些操作,比如对viewport进行平
  • 这样禁用缩放功能后,用户只能滚动屏幕,就能让你的网站看上去更像原生应用的感觉。注意,这种方式我们并不推荐所有网站使用,还是要看你自己的情况而定! &lt;meta name="viewport" ...
  • 禁用IE的缩放功能: 1.系统级别的禁用。 在开始的运行中输入Gpedit.msc,打开组策略编辑器。 然后依次展开用户配置——管理模版——Windows组件——Internet Explorer, 在右侧的窗口中找到“禁用页面缩放功能...
  • How can I detect the page zoom level in all modern browsers? 如何在所有现代浏览器中检测页面缩放级别? While this thre
  • 今天客户提要求 手机浏览器打开网页时要禁止双击放大页面(Google)!!! 然后在网上找到了很多 但都没有效果,比如: <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0...
  • 禁止Ctrl+鼠标滚轴浏览器页面缩放

    千次阅读 2017-08-30 18:27:08
    前公司某大佬告知:ctrl+鼠标滚轴页面缩放浏览器行为,故一下代码不能真正禁止该行为。 document . onmousewheel = function ( evt ) { var e = evt || window . event ; if ( e . ...
  • 谷歌浏览器禁止缩放和全面屏显示

    千次阅读 2020-08-17 11:06:21
    1.唤出谷歌浏览器属性 -->...浏览器自动打开特定网页,浏览器全面屏,禁止缩放。 --kiosk --incognito --disable-pinch --overscroll-history-navigation=0 https://www.baidu.com(换成你的网站地址) ...
  • 手机微信浏览器调用图片放大功能

    千次阅读 2018-09-30 11:11:52
    测试效果要在微信上测试(我在电脑浏览器测试会报错)  b.如果在微信上测试,点击预览后出现一直在加载无法显示的情况,建议把图片的路径设置成全路径,  如:...
  • 为了探究cefsimple如何完成窗口缩放功能,我尝试在整个cefsimple中搜索WM_SIZE,然而并没有搜到。由于时间问题 ,我没有去分析cefsimple的源码,而是去cefclient项目的去找答案。在cefclient项目,很容易就在...
  • 千言万语汇成一句话 &lt;meta charset="utf-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"...对于具备设置固定界面...
  • 触摸屏运行全屏网页模式时,需禁用双指缩放及双击缩放,该功能可由浏览器自身的参数设置,也可以通过JS代码实现。 // 禁用双指放大 document.documentElement.addEventListener('touchstart', function (event) { ...
  • 第一种方法(直接禁用IE缩放):禁用IE的缩放功能:在开始的运行中输入Gpedit.msc,打开组策略编辑器。然后依次展开用户配置——管理模版——Windows组件——Internet Explorer,在右侧的窗口中找到“禁用页面缩放...
  • ionic开发——浏览器打开链接功能

    万次阅读 2016-09-12 09:49:00
    在APP应用中,我们可能需要点击图片打开浏览器打开链接的一些功能: 实现方法其实很简单:  一、进入该项目目录,安装插件。   ionic plugin add cordova-plugin-inappbrowser  插件详情:...
  • 禁止页面缩放功能

    2016-07-11 13:31:00
    在手机浏览器浏览页面时,有时要禁止页面中的组件缩放,因为如果不阻止缩放的话,体验效果不好。 而实现禁止页面缩放,只需要在head里面加入下面一行即可。 <meta name="viewport" content="width=device-...
  • 废话不多说,在html页面上样式里面加一个html{ -ms-content-zooming: none; }
  • 移动端 ios H5禁用双指手势缩放和双击缩放
  • 网页实现移动端手势拖拉缩放(支持在微信内置浏览器中使用) 实现方法:build:h5 之后在生成的index.html中修改含有 name=“viewport” 的标签;去掉标签内的user-scalable=no,如果有maximum-scale,minimum-scale...
  • 常规项目,我们只需要给标签加一个onselectstart事件,return false就可以 例: &amp;lt;div onselectstart=&quot;return false;&quot; &amp;gt;&amp;... -webkit-user-sele...
  • <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;...有些浏览器是强制开启允许缩放的,于是,使用js的方式在一定的延迟之后将该meta写入header中也是一种方法,但...
  • 导致该现象的主要原因是IOS10及以上版本的浏览器为了提升易用性,不再对快速双击放大和双指缩放进行禁止。 查找资料发现主要有以下两种方法解决该问题: 1、在js中通过touchstart和touchend判断两次手指按下的时间...
  • 其中: width=device-width :表示宽度是设备屏幕的宽度 initial-scale=1.0:表示初始的缩放比例 minimum-scale=0.5:表示最小的缩放比例 maximum-scale=2.0:表示最大的缩放比例 user-scalable=yes:表示用户是否...
  • ionic----浏览器打开连接功能

    千次阅读 2016-12-22 16:39:01
    在APP应用中,我们可能需要点击图片打开浏览器打开链接的一些功能: (这个应用是基于cordova的插件来实现) 实现方法其实很简单:  一、进入该项目目录,安装插件。 ionic plugin add cordova-plugin-...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 18,773
精华内容 7,509
关键字:

关闭浏览器缩放功能