0

我有大问题。几乎尝试了所有方法,但仍然无法正常工作。

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

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

有什么帮助我的朋友吗?我实际上已经浪费了 2 天时间。它不是引导程序,只是一个简单的网格系统。

它在 FF 和 IE 中的外观如何:

在此处输入图像描述

它在 Opera 中的外观

在此处输入图像描述

基本上图像在 FF 和 IE 中不能正确缩放,尽管 row div 设置为 350px 高度并且 img 的样式为:

max-width:100%;
height:auto;

4

2 回答 2

1

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

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

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

于 2015-06-24T16:41:39.507 回答
0

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

于 2015-06-24T16:21:34.207 回答