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

时间:2015-06-24 16:18:00

标签: image responsive-design responsiveness

我有很大的问题。几乎尝试了一切,但仍然无法正常工作。

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

以下是链接:http://gksolutions.pl/oferta/strony-internetowe

任何帮助我的朋友?我已经浪费了2天就已经浪费了。它不是引导程序,只是一个简单的网格系统。

在FF和IE中看起来如何:

enter image description here

它在Opera中的表现

enter image description here

基本上图像在FF和IE中没有正确缩放,尽管行div设置为350px高度,img的样式为:



max-width:100%;
height:auto;




2 个答案:

答案 0 :(得分:1)

此处的问题不在于图片,而是父元素上的display: table;display: table-cell;

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

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

答案 1 :(得分:0)

我在IE11中看不出任何问题,但如果我理解你的话,只需将图像用作div背景(css background-image),一切都会好的。