怎样用html代码禁止浏览器缩放网页大小

2024-12-25 12:43:41

推荐回答（5个）

回答1：

移动端页面禁止用户缩放界面只需加上即可。

但是pc端确实比较麻烦，用户可以通过如下几种方式来缩放：

//具体实现demo:

浏览器网页内容的百分比缩放（按Ctrl和+号键或者-号键的缩放）

知乎客户端

// 判断pc浏览器是否缩放，若返回100则为默认无缩放，如果大于100则是放大，否则缩小

function detectZoom (){

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;

};

//window.onresize 事件可用于检测页面是否触发了放大或缩小。

$(function(){

//alert(detectZoom())

})

$(window).on('resize',function(){ isScale();

});

//判断PC端浏览器缩放比例不是100%时的情况

function isScale(){

var rate = detectZoom();

if(rate != 100){

//如何让页面的缩放比例自动为100,'transform':'scale(1,1)'没有用，又无法自动条用键盘事件，目前只能提示让用户如果想使用100%的比例手动去触发按ctrl+0

console.log(1)

alert('当前页面不是100%显示，请按键盘ctrl+0恢复100%显示标准，以防页面显示错乱！')

}}

//阻止pc端浏览器缩放js代码

//由于浏览器菜单栏属于系统软件权限，没发控制，我们着手解决ctrl/cammond + +/- 或 Windows下ctrl + 滚轮缩放页面的情况，只能通过js来控制了

// jqeury version

$(document).ready(function () {

// chrome 浏览器直接加上下面这个样式就行了，但是ff不识别

$('body').css('zoom', 'reset');

$(document).keydown(function (event) {

//event.metaKey mac的command键

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(); }

});

$(window).bind('mousewheel DOMMouseScroll', function (event) {

if (event.ctrlKey === true || event.metaKey) {

event.preventDefault(); } });});

扩展资料：

width - viewport的宽度

height - viewport的高度

initial-scale - 初始的缩放比例

minimum-scale - 允许用户缩放到的最小比例

maximum-scale - 允许用户缩放到的最大比例

user-scalable - 用户是否可以手动缩放

如果要禁止页面缩放，只要把user-scalable 设置成no 就可以

回答2：

1、进入注册表，按下列路径进入，HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Zoom 如下图所示。

2、在zoom项次右侧空白处点击鼠标右键---新建--REG_DWORD值，如下图所示。

3、右键新建的值，选择重命名，如下图所示。

4、将这个新建的值命名为ZoomDisabled ，如下图所示。

5、双击ZoomDisabled项次，进入设置界面，将REG_DWORD值设置为1，点击确定按钮即可，如下图所示。

回答3：

html5默认允许用户缩放页面，如果需要禁止缩放，我们需要将user-scalabel=0设置下，具体代码如下：

注意:meta在head里。

回答4：

html5默认允许用户缩放页面，如果需要禁止缩放，我们需要将user-scalabel=0设置下，具体代码如下：
注意:meta在head里。

回答5：

怎么禁止呢css