如何在所有现代浏览器中检测页面缩放级别？虽然这个线程告诉我如何在IE7和IE8中做到这一点,但我找不到一个好的跨浏览器解决方案.
Firefox存储页面缩放级别以供将来访问.在第一页加载时,我能够获得缩放级别吗？我读到它的某个地方在页面加载后发生缩放变化时有效.
有没有办法陷阱'zoom'事件？
我需要这个,因为我的一些计算是基于像素的,并且在缩放时它们可能会波动.
由@tfl给出的修改样本
此页面在缩放时提醒不同的高度值.[的jsfiddle]
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"/></script>
</head>
<body>
<div id="xy" style="border:1px solid #f00; width:100px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin tortor in lacus tincidunt volutpat. Integer dignissim imperdiet mollis. Suspendisse quis tortor velit, placerat tempor neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent bibendum auctor lorem vitae tempor. Nullam condimentum aliquam elementum. Nullam egestas gravida elementum. Maecenas mattis molestie …对于类似地图的工具,我想禁用浏览器缩放功能.(我知道这通常是一个坏主意,但对于某些特定的网站,它是必要的).
我通过听键盘快捷键CTRL +/ CTRL -添加e.preventDefault()等来成功完成它.
但这并不妨碍从浏览器的缩放菜单更改缩放.
我试过了:
使用CSS: zoom: reset; 它适用于Chrome(请参阅此页面了解一个工作示例)但它在Firefox上根本不起作用.
在各种问题/答案中,我也发现了
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
但这似乎仅适用于移动设备.
如何防止缩放跨浏览器？
我在Canvas中创建了一个小游戏,但我遇到了问题.将默认缩放设置为100%以外的某些用户无法看到整个游戏页面.
我试过使用这个CSS:
zoom: 100%;
这个HTML
<meta name="viewport" content="initial-scale=1.0 , minimum-scale=1.0 , maximum-scale=1.0" />
这个JS:
style="zoom: 75%"
任何想法如何以编程方式设置页面缩放？
我有一个将在平板电脑上使用的Web应用程序(在Internet Explorer上).编辑:不是平板电脑,而是带触摸屏的Windows 7电脑.
问题是用户可以捏缩放页面(如ctrl- +).
有没有办法从JavaScript禁用它？(比如在移动设备上).
或者也许更改用户代理就像iPad一样？它会起作用吗？