Question

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

<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仍然会缩放我们唯一的图像，不像其他浏览器一样缩小整个页面。

Answer 1

不确定IE中zoom的内容是什么，但值得注意的是：

zoom在Firefox中无效（请参阅compatibility chart）
很少有人使用Opera。要测试的主要浏览器是IE（各种版本），Edge，Chrome，FF和Safari
＆＃34; zoom＆＃34;的标准方式是使用transform: scale()

看起来你想要做的是让图像成为窗口的整个高度？要做到这一点，你可以这样做：

＆＃13;

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

＆＃13;

<!-- 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" />

＆＃13;

为什么IE上的显示与其他浏览器上的显示不同（EG：chrome，opera）[CSS ZOOM]？

1 个答案: