为什么图像在 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。
我有大问题。几乎所有方法都试过了,还是不能正常工作。
在 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。