Firefox下的渲染问题

Question

在Chrome下，这就是这样，以及如何：

然而在firefox下它就是这样：

Here is a link to see it link

是否有人有任何指向网页的链接，其中解释了导航器及其修复程序之间的差异？

Answer 1

在此选择器中将max-width: 70%替换为width: 70%：

#miniMenu img { width: 70%; }

请参阅此文章，了解有关max-width属性的Firefox问题： Image mysteriously ignoring max-width in Firefox & IE

特别是来自@Boris Zbarsky的帖子回答：

  

你有最大宽度：100％，但100％是什么？父宽度，   对？但是父母是一个内联块（有一个类=＆＃34;赞助商＆＃34;）   宽度未设置，因此其宽度取决于子项，并在   特别是孩子们的首选宽度。

     

CSS规范中未定义此样式的布局。在   特别是，在这种情况下，孩子的内在宽度取决于   父母的宽度又取决于内在的宽度   孩子们看到   http://www.w3.org/TR/CSS21/visudet.html#shrink-to-fit-float   相关规范文本并注意所有＆＃34;没有定义＆＃34;位。