在Firefox中调整浏览器大小时，为什么我的徽标会消失

Question

我目前正在构建一个标准的html网页。我的右上角有一个标志。当我调整浏览器大小时，徽标会消失。它在所有其他浏览器中都能正常工作。

当我的浏览器足够小以传达移动版本并且导航停止内联并显示块时，它似乎消失了

我不认为它是一个HTML问题，因为它适用于其他浏览器，所以这里是我的图像的CSS。

img#logo {
  margin-bottom: 10px;
  color: #111111;
  max-width: 100%;   
  width: auto;   
  height: auto;

}

Answer 1

尝试添加最小宽度。将300更改为最佳效果。您还可以使用最小宽度％。比如，20％。

img#logo {
    min-width: 300px;
}

编辑：

好的，现在我看到了真正的问题，就是这个

img#logo {
  margin-bottom: 10px;
  color: #111111;
  max-width: 100%;   
  width: auto;   // width auto...
  height: auto;  // height auto..
}

请将这些更改为实际值，这样您就不会依赖不同的浏览器默认值。

img#logo {
  margin-bottom: 10px;
  color: #111111;
  max-width: 100%;   // and you can remove this line
  width: 100%;   
  height: 100%;
}

如果仍然不适合你。尝试一起移除高度线。