好吧，我已经尝试了两种我知道的缩放方法：
zoom:2;
和...
transform:scale(2);
然而，虽然他们确实工作（有点），但有一个主要缺陷：JavaScript鼠标事件是---- ed。
我似乎无法弄清楚如何获取鼠标坐标，就像页面没有缩放一样。
此外，我必须添加body{width:50%}以确保它不会导致巨大的水平滚动。
另一方面，如果我只是使用本机浏览器缩放来缩放页面，结果是完美的。一切看起来都正确，鼠标事件可以正常工作，身体保持其实际宽度等等。
有没有办法让这个自然的浏览器缩放在CSS中工作？如果没有，我应该使用什么样的JavaScript来确保鼠标坐标“正确缩放”？
答案 0 :(得分：3)
我认为没有办法以编程方式控制本机浏览器缩放。您可能会做的是使用Javascript控制文档的缩放，同时跟踪当前缩放级别，然后使用当前缩放级别作为修改器过滤鼠标坐标。例如，如果您的缩放率为50％，则将鼠标坐标乘以0.5将使事物保持同步。
请注意，zoom属性是MSIE专有的，尚未普遍采用，因此可能无法在所有浏览器中使用：http://dev.w3.org/csswg/css-device-adapt/#the-lsquozoomrsquo-descriptor