Question

我正在关注这里的提示，重新调整ie8中的图像：http://blog.kurtschindler.net/post/flexible-dynamically-resizing-images-with-css

但是，我没有运气让我在我的网站上工作。我在这里写了一些简单的代码来消除任何复杂性，我仍然没有得到任何结果。我不得不遗漏一些简单的东西。

<html>
  <head>
  <style>
     .container img {
     max-width: 100%;
     height: auto;
     width: auto; /*for ie8*/
     }
     .container { 
     width: 100%;
     }
  </style>
  </head>
  <body>
    <div class="container">
     <img src="image.jpg" />
    </div>
  </body>
</html>

Answer 1

这是您唯一需要的CSS：

.container img {
    width: 100%;
 }
.container { 
    width: 100%;
}

图像将随浏览器缩放。

当浏览器宽度改变时，图像不会在ie8中调整大小

1 个答案: