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

看板Web_Design作者 (無傷大雅)時間5年前 (2019/04/02 20:26), 編輯推噓1(106)
留言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
文章代碼(AID): #1SerK1XB (Web_Design)