2019年3月6日 星期三

解決背景使用 SVG 會自動變得跟內容一樣高的問題

最近在用 svg 當標題 icon 圖片的時候遇到的問題,算是很好解決不過也記錄一下。

我做了一個原始大小跟一行差不多的 icon 圖片,在標題只有一行的情況下看起來是正常的。


但是在手機版的時候如果變成兩行,就會變成這樣,圖示會變得跟標題的高度一樣。


由於 svg 本身是向量圖,我本來是想說做大一點也沒關係只要再用 css 調就好了,後來沒想到圖片會隨著標題高度調整,所以我就也把當時本來想加的屬性加上去,就是再設定 background-size 設成跟一行的高度一樣。



然後就解決了。
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...