ios上自定義圖標字體上的奇怪水平線

Question

我爲web項目創建了自定義圖標字體。 它可以在所有桌面瀏覽器中完美工作。

但是在iPad上，橫向模式有時會顯示奇怪的水平線。 我完全不知道在哪裏尋找錯誤。

a screenshot showing what it looks like on the ipad:

a link to the webpage（仍在進行中）

任何意見？

Answer 1

你是否擁有一個mac？如果是，打開模擬器，使用開發人員模式啓用safari並檢查元素以確定哪個人給出錯誤，一旦你有可以使用css查詢來定位ipad或使用Mobile Detect來注入相應的css，只在需要的時候

在這種特殊情況下，你可以使用這個:::

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
.sliderDivide.hide-phone{display:none;} 
}