Question

我需要根据窗口大小更改图像的大小，也就是说，如果重新调整窗口大小，则需要调整图像大小以适合窗口。这个问题对于Chrome和Firefox来说很容易，我只是设置'width = 100％'，但是IE不是那么友善...
这个问题多次提出，但我找不到一个连贯的答案，可能是我对整个网络开发业务都很陌生，但在我看来，这个问题并没有得到真正解答...... / p>

可以通过使用javascript根据窗口大小更改width属性来解决这个问题吗？有没有人遇到这个问题并有更好的解决方案？

提前致谢，特劳特

Answer 1

应该这样做!!!

<html>
<body>
  <div style="width:100%;height:100%;position:absolute;top:0;left:0;">
     <img src="some.jpg" style="width:100%;height:100%;" />
  </div>
</body>
</html>

Answer 2

我的一位朋友用一个小JavaScript解决了这个问题。

windonw.onresize = function(e){
    if (self.innerWidth){
         windowWidth = self.innerWidth
    } else if (document.documentElement && document.documentElement.clientWidth){
         windowWidth = document.documentElement.clientWidth
    } else if (document.body) {
         windowWidth = document.body.clientWidth
    }
    document.getElementById("img_id").style.width = windowWidth-(some number)
}

我添加（some-number）的原因是IE用边缘的边距计算宽度，图像从窗口中移出，所以你需要做的是使图像比'windowWidth'小一点。。

希望这有助于像我一样失去灵魂。

使图像适合IE窗口

2 个答案: