大神们，手机端怎么禁止用户在浏览器放大缩小，写了网上那个meta标签没用

查看完整描述

6 回答

不拘艺格

TA贡献12条经验获得超8个赞

就是这个标签

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

没错啊，这样就禁止用户缩放了，要不就是Javascript写了动态的宽度及是否可缩放。

2 反对回复 2016-05-04

qq_青枣工作室_0

TA贡献446条经验获得超754个赞

原来，你在JS里修改了这个标签啊。删掉这段代码：

$('meta[name="viewport"]').attr('content', 'width=' + TARGET_WIDTH + ', initial-scale = ' + scale + ', target-densitydpi=device-dpi');

1 反对回复 2016-05-05

qq_小眼睛的姑娘_03160917
这个不能删啊我是要用这行代码适配各个手机端的宽度的

回复 2016-05-05
qq_青枣工作室_0
那你自己在后面增加一个'user-scalable=no'啊！看这样： $('meta[name="viewport"]').attr('content', 'width=' + TARGET_WIDTH + ', initial-scale = ' + scale + ', target-densitydpi=device-dpi, user-scalable=no');

回复 2016-05-05

辰小肇

TA贡献1条经验获得超0个赞

测试一下

反对回复 2016-05-05

qq_青枣工作室_0

TA贡献446条经验获得超754个赞

看起来没错啊，第一行写了 <!DOCTYPE html> 没？

反对回复 2016-05-04

慕粉3308957

TA贡献1条经验获得超0个赞

有一些浏览器你阻止不了的，比如典型：UC

反对回复 2016-05-04

不拘艺格
UC浏览器可以禁止缩放，除非你在浏览器中设置了可缩放

回复 2016-05-04
qq_小眼睛的姑娘_03160917
可是我在苹果手机上的safiri也是可以缩放啊

回复 2016-05-05
qq_小眼睛的姑娘_03160917
<script type="text/javascript"> $(function(){ var match, scale, TARGET_WIDTH =640; var scale = window.screen.width / TARGET_WIDTH; $('meta[name="viewport"]').attr('content', 'width=' + TARGET_WIDTH + ', initial-scale = ' + scale + ', target-densitydpi=device-dpi'); $(window).scroll(function(event){ var myTop = $(document).scrollTop(); if(myTop>478){ $(".nav").css({'position':'fixed','top':'0','z-index':'9999'}); }else{ $(".nav").css('position','static'); }; }); }) </script> 是不是跟我这段js代码有关

回复 2016-05-05

点击展开后面1条

热搜