爲什麼我的徽標消失在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%; 
} 

如果這仍然不適合你。嘗試一起去除高度線。