html - 高度和最小高度在 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;}

除了显示 block 还有其他方法吗？？？

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>