移動應用（iOS和Android）上的Webviews沒有正確呈現圖標

Question

我有一個帶有圖標定義的字體，並且我看到移動設備上基於webkit的移動瀏覽器的行爲不一致。

在網頁上，徘徊跨度產生如下（注意圖標，適當填充它的容器）：

在移動，懸停跨度yiles以下（注意圖標不正確填充它的容器 - 擺脫垂直allignment）：

我似乎無法找到超越只是用SVGs作爲我的圖標的解決這個問題。 This webkit bug標記爲已解決，不會修復看起來不太有希望。

Answer 1

，似乎工作對我來說是設置在跨度以下唯一的解決辦法：

display: inline-block; 
height: 1px;