PTT數位生活區 / Web_Design

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

看板Web_Design作者 (無傷大雅)時間5年前 (2019/04/02 20:26), 編輯推噓1(1推 0噓 6→)
留言7則, 3人參與, 5年前最新討論串1/1
目前手上接手前人的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
→
04/02 22:40, 5年前 , 1F
第一件事情是你的圖片之後都只有正方形還是兩種並存？然
04/02 22:40, 1F
→
04/02 22:40, 5年前 , 2F
後你目前圖片寬高是寫死的所以會變形，你可以考慮固定高
04/02 22:40, 2F
→
04/02 22:40, 5年前 , 3F
就好來解決變形跟超過你預期背景的範圍
04/02 22:40, 3F
→
04/03 04:06, 5年前 , 4F
之後就是用這個正方型的了.
04/03 04:06, 4F
→
04/03 04:11, 5年前 , 5F
疑…只要拿掉寬度就可以了嗎@@? 我以為是因為高度才導致
04/03 04:11, 5F
→
04/03 04:11, 5年前 , 6F
圖片下方的空白.. 謝謝j大，我早上再試試:)
04/03 04:11, 6F
推
04/12 20:17, 5年前 , 7F
上網查sticky footer
04/12 20:17, 7F
‣ 更多 james999 的文章
文章代碼(AID): #1SerK1XB (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 james999 的文章
文章代碼(AID): #1SerK1XB (Web_Design)