javascript - ZoomIn/ZoomOut 与控件的定位

Question

我正在使用 JavaScript 的 zoomin 属性来缩放页面背景图像及其所有控件（即文本框）。但是在缩放控件的位置时受到干扰。任何机构都可以帮助我解决这个问题

Answer 1

首先，没有“JavaScript 的 zoomin 属性”，所以这是您的第一个问题 ;-) 但是有一个 Internet-Explorer-only（即 Microsoft 垃圾）CSS 属性，称为“zoom”，您可以在此处阅读更多信息：http ://reference.sitepoint.com/css/zoom

正如您将在该站点上阅读的那样，“应用了缩放的元素周围的内容将重新排列，以说明缩放设置为非正常值时将发生的调整大小。”。换句话说，实际上“控件的位置受到干扰”的事实是可以预料的；没有办法在不破坏其余布局的情况下“缩放”（至少通过该 CSS 属性）。

可能有效的一件事是，如果您要在您计划“放大”的所有内容上设置“位置：绝对”。这样做将需要您重新设计布局，但理论上它应该允许您更改这些元素（通过正常方式，如它们的高度和宽度属性，或通过奇怪的东西，如缩放）并且不让它们影响其他任何东西的布局（因为绝对定位的元素不应该影响页面上其他任何内容的布局）。

希望有帮助。