CSS包含带有图像的文章作为页面调整大小

时间:2011-12-16 18:23:01

标签: css firefox

我正在研究RSS阅读器,所以我从RSS提要中提取HTML。我想在我自己的网站上显示它,但我正在尝试将其格式化,因此它不会破坏布局。

在Chrome中,它运行得很好。我发现图像可能太宽的情况,因此在调整页面大小时它们会突破包含article标记。我通过使用:

来解决这个问题
article * {
    max-width: 100%;
    height: auto !important;
}
但是,Firefox不会调整我的图像大小以适应父容器。以下jsfiddle页面显示了该行为。如果缩小输出框架,它不会在Chrome中中断,但在Firefox中,图像将突破开箱而不是调整大小。

http://jsfiddle.net/CL6rc/12/

如何让它在Firefox中运行,甚至可能?

2 个答案:

答案 0 :(得分:0)

我将其中一个容器设置为float: left

删除该属性解决了问题(原来的jsfiddle链接浮动了,所以它确实在Firefox中工作)

答案 1 :(得分:0)

检查我为你制作的这个小提琴http://jsfiddle.net/9YvJs/