css max-width无效,css image max-width不适用于Firefox/IE

HTML：

asdad asd asd asd sadadada ad sad asd asd asd asd sadasdaad adsa dasd sa

CSS：

html, body {

height: 100%;

}

#contentwrap {

display: table;

height: 100%;

max-width: 500px;

margin: 0 auto;

position: relative;

}

#contentwrap img {

margin-left: auto;

margin-right: auto;

display:block;

margin-bottom: 10px;

max-width:100%;

}

#content {

height: 100%;

display: table-cell;

text-align:center;

vertical-align:middle;

}

正如你可以看到，如果你测试它的 “最大宽度：100％” 属性只适用于谷歌浏览器。随着Firefox和IE浏览器，图像宽度保持不变......有了Chrome，图像适应窗口...：

我怎样才能解决呢？ (至少IE11)

我发现其他职位同样的问题，但没有得到很好的解决...

+0

你试过去掉图片的width属性吗？ –

+0

display：table; max-width：500px;为什么max-width：100％有两个原因。对孩子不能应用:(，试试max-width：500px对img –