[問題] BootstrapVue b-img問題請益

[james999 (無傷大雅)]

目前手上接手前人的Vue.js程式碼，
欲更換Footer.vue的logo圖片，
原先的logo圖片是長方型，
但現在的logo是正方型，
如果直接置換的話會發現圖片還是扁的。

找到這個logo在檔案footer.vue的部份如下:
--
      <b-img center rounded
        width=210px height=30px
        :src="bglogo"
        alt="Image" blank-color='black'
        v-bind:style="{maxHeight: '32px'}">
      </b-img>
--

上述程式碼呈現的結果，logo看起來會離底部還有點距離，背景圖也很正常。

但若是將maxHeight及heght修改為64px的話，logo比例看起來是好的，
不過網頁最下方出現了明顯的空白，背景圖沒有覆蓋那個區塊，
懇請大神協助解決問題，謝謝了。

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.230.201.179
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1554208001.A.84B.html
→ j355066: 第一件事情是你的圖片之後都只有正方形還是兩種並存？然
→ j355066: 後你目前圖片寬高是寫死的所以會變形，你可以考慮固定高
→ j355066: 就好來解決變形跟超過你預期背景的範圍
→ james999: 之後就是用這個正方型的了.
→ james999: 疑…只要拿掉寬度就可以了嗎@@? 我以為是因為高度才導致
→ james999: 圖片下方的空白.. 謝謝j大，我早上再試試:)
推 Gurio: 上網查sticky footer