为什么在 IE 上的显示在其他浏览器上不一样（例如：chrome、opera）[CSS ZOOM]？答案

【问题标题】：Why Display on IE not same on other browser (EG: chrome , opera) [CSS ZOOM]?为什么在 IE 上的显示在其他浏览器上不一样（例如：chrome、opera）[CSS ZOOM]？
【发布时间】：2016-09-22 00:39:54
【问题描述】：

为什么在 IE 上的显示在其他浏览器上不一样（例如：chrome、opera）[CSS ZOOM]？

https://jsfiddle.net/n11b7pw6/

<html>
    <body style="zoom: 0.1;">
        <img src ="https://s-media-cache-ak0.pinimg.com/236x/3d/df/34/3ddf340436cc77dc9c468505be1ad123.jpg"/>
    </body>
</html>

如何在 IE 上更改页面高度以移除滚动条？（请勿使用overflow: hidden;）

备注：IE 仍然会缩放我们唯一的图像，而不是像其他浏览器那样缩小所有页面。

【问题讨论】：

zoom 是 IE 遗物，请改用 transform: scale(0.1)
@LGSon - 仍然在 IE 上显示滚动条。
我看到了，可能是 IE 错误。

标签： html css google-chrome internet-explorer zooming

【解决方案1】：

不确定您在 IE 中的 zoom 会发生什么，但值得注意的是：

zoom 在 Firefox 中不起作用（请参阅 compatibility chart）
很少有人使用 Opera。主要测试的浏览器有IE（各种版本）、Edge、Chrome、FF、Safari
“缩放”的标准方法是使用transform: scale()

看起来您想要做的是将图像设置为窗口的整个高度？要做到这一点，你会这样做：

/* CSS */

html,
body {
  height: 100%;
  margin: 0;
}
img {
  display: block;
  height: 100%;
}

<!-- HTML (body tag can be left out in stacksnippets, and also in jsfiddle -->

<img src="https://s-media-cache-ak0.pinimg.com/236x/3d/df/34/3ddf340436cc77dc9c468505be1ad123.jpg" />

【讨论】：

我必须使用缩放/变换 CSS 来解决这个问题。
听起来你是在要求我们为你做作业