表格在Firefox中无响应,适用于Chrome

时间:2014-03-26 12:43:32

标签: html css

首先让我们通过在firefox和chrome中调整大小来看看 Fiddle

我也试过这个Why do Firefox and Opera ignore max-width inside of display: table-cell?,但没有成功。

table img { display:block }

1 个答案:

答案 0 :(得分:4)

检查此 demo jsfiddle

您使用的是max-width,但实际上它意味着original image size。这就是为什么不在firefox上工作的原因。您应该将max-width修改为width并指定100%以适用于所有浏览器。

CSS

 img {
    width: 100%;  // before: max-width: 100%;
    display: block;
}

希望这对你有帮助!