最大宽度：100％的Mozilla中的图像不适用于div

Question

我在Mozilla中遇到图像问题。 我已经阅读了很多类似的主题，但没有任何作用，所有这些都与表格单元格或浮动div中的图像有关。 但是，我的图像是一个简单的div，没有浮动。在Mozilla中，尽管最大宽度为100％，但图像的宽度始终为100％;

我的Mozilla图片代码：

@-moz-document url-prefix() { 
section.front img {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    }
}

比较Mozilla和Chrome图片的图片（在Chrome中一切都很好）： http://oi65.tinypic.com/11ijq7p.jpg

Answer 1

我使用firefox检查器，你可以在你的css文件中尝试这个脚本：403：

section.front img {
    display: block;
    height: 100%;
    width: auto;
}

我希望这会有所帮助。