ZoomIn / ZoomOut与控件的位置

Question

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

Answer 1

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

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

可能有用的一件事是，如果要在要“放大”的所有内容上设置“ position：absolute”。 这样做将需要您重新设计布局，但从理论上讲，它应该允许您更改这些元素（通过常规方式（例如其height和width属性）或通过诸如zoom之类的奇怪内容），并且不影响其他任何布局（因为绝对定位的元素不应影响页面上其他任何元素的布局）。

希望能有所帮助。