firefox中的高度和最小高度不起作用

Question

我的3D设计在Chrome中完美运行，但在Firefox中没有！

问题是，我有一个空的图像标签，我需要填充它，所以我试着给它一个最小高度，但它不起作用。

此外，如果我尝试使用固定高度，它也不起作用！我已经看过解决方案，但唯一适用于我的是display：block，但这会引发更多的问题，因为它没有按预期显示我的CSS，如果我试图在Firefox中调整它然后它拧我的chrome设计; overflow :hidden不起作用

<ul>
  <li>
    <div>
       <img />
   </div>
  </li>
</ul>

li {display:inline; float:left;}
li img{width:300px;height:380px;}

显示块旁边还有另一种方法???

Answer 1

要在Firefox中以指定的宽度和高度显示损坏的图像，可以使用-moz-force-broken-image-icon属性。
此Mozilla特定属性在其他浏览器中不起作用。

li {
  display: inline; float: left;
}

li img {
  width: 300px; height: 380px;
  -moz-force-broken-image-icon: 1;
}

<ul>
  <li>
    <div><img></div>
  </li>
  <li>
    <div><img></div>
  </li>
</ul>