Question

奇怪的一个......如果你在图像上指定最大宽度为100％并在其容器上显示内联块，并且在标记中加上宽度属性，则IE8不会显示图像。

这是一支笔：http://codepen.io/iamkeir/pen/MYadRO
（在IE8上查看整页：http://codepen.io/iamkeir/full/MYadRO）

<div class="problem">
  <img src="http://placehold.it/320x240" width="240" />
</div>

<style type="text/css">
  div {
    display: inline-block;
  }

  img {
    max-width: 100%;
  }
</style>

可以通过使容器显示为内联而不是内联块来修复IE8，或指定宽度为100％和最大宽度而不是宽度属性...但这不像指定宽度那样方便标记。

两个问题：
1）是否有更好/替代的解决办法？ 2）任何想法实际上是什么？（我知道，我知道，＆＃34;因为IE8＆＃34;。）

注意：虽然http://caniuse.com/#search=inline-block暗示IE8支持inline-block（），但是页脚中报告了一个已知问题。应该将其标记为部分支持：
http://blog.caplin.com/2013/06/07/developing-for-ie8-inline-block-resize-bug/

Answer 1

如果你不想给它，那么你可以指定min-with。

如果你给出最小宽度：240px;或者你想要指定的宽度。

我希望它有所帮助

最大宽度图像和内联块导致图像无法在IE8中显示

1 个答案: