保持圖像固定高度css

Question

我一直在撓我的頭很長一段時間。無法找到解決方案。我已經在實時服務器上上傳了該網站供您查看。好的問題是，徽標不斷推低div導致導航菜單中斷。 Firefox和safari的問題更嚴重。

除非您親自看到它，否則很難解釋，但是我附上了一張圖像以說明問題所在。

這裏是頁面所在的網址：bitcoinirl.ie

PS：我知道這是一個不好的做法，帖子的網址，而不是代碼，但實在無法找出原因的問題。因此，無法粘貼相應的代碼

艾哈邁爾

Answer 1

當我看到無數的問題在代碼中（或者是模板/樣板？），因爲你描述它，這樣可以解決問題而不考慮你的較小屏幕尺寸（我無法測試修復程序，因爲菜單在響應中斷時出現亂碼）。

334線左右的styles.css

.nav-menu__link { 
    width: 120px; // Change this to 12-13% instead of 120px; 
}