最近在用 svg 當標題 icon 圖片的時候遇到的問題,算是很好解決不過也記錄一下。
我做了一個原始大小跟一行差不多的 icon 圖片,在標題只有一行的情況下看起來是正常的。
但是在手機版的時候如果變成兩行,就會變成這樣,圖示會變得跟標題的高度一樣。
由於 svg 本身是向量圖,我本來是想說做大一點也沒關係只要再用 css 調就好了,後來沒想到圖片會隨著標題高度調整,所以我就也把當時本來想加的屬性加上去,就是再設定 background-size 設成跟一行的高度一樣。
然後就解決了。