作者james999 (无伤大雅)
看板Web_Design
标题[问题] BootstrapVue b-img问题请益
时间Tue Apr 2 20:26:39 2019
目前手上接手前人的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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1554208001.A.84B.html
1F：→ j355066: 第一件事情是你的图片之後都只有正方形还是两种并存？然 04/02 22:40
2F：→ j355066: 後你目前图片宽高是写死的所以会变形，你可以考虑固定高 04/02 22:40
3F：→ j355066: 就好来解决变形跟超过你预期背景的范围 04/02 22:40
4F：→ james999: 之後就是用这个正方型的了. 04/03 04:06
5F：→ james999: 疑…只要拿掉宽度就可以了吗@@? 我以为是因为高度才导致 04/03 04:11
6F：→ james999: 图片下方的空白.. 谢谢j大，我早上再试试:) 04/03 04:11
7F：推 Gurio: 上网查sticky footer 04/12 20:17