为什么图像在 FF 和 IE 中没有响应?

Why images aren't responsive in FF and IE?

我有大问题。几乎所有方法都试过了,还是不能正常工作。

在 Opera 中一切正常,但在 FF 和 IE 中图像没有响应。我的意思是它们以原始尺寸显示,而不是适合 div(就像在 Opera 中一样)。

这里是link:http://gksolutions.pl/oferta/strony-internetowe

有什么帮助我的朋友吗?我已经在上面浪费了 2 天时间。这不是bootstrap,只是一个简单的网格系统。

它在 FF 和 IE 中的外观:

Opera 中的外观

虽然第 div 行的高度设置为 350 像素并且 img 的样式设置为:

,但基本上图像在 FF 和 IE 中无法正确缩放

max-width:100%;
height:auto;

我在 IE11 中没有发现任何问题,但如果我对你的理解是正确的,只需使用图像作为 div 背景 (css background-image),一切都会好起来的。

这里的问题不在于图像,而在于父元素上的 display: table;display: table-cell;

据我所知,在 display: table; 之后(在 .element .row .row_inner > div 中)添加 table-layout: fixed; 可以解决布局问题。

有关 table-layout 功能的更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout