ios上自定义图标字体上的奇怪水平线

Question

我为网络项目创建了一个自定义图标字体。 它在所有桌面浏览器中都能很好地工作。

但在iPad-Landscape模式下，它有时会出现奇怪的水平线条。 我完全不知道在哪里寻找错误。

a screenshot showing what it looks like on the ipad:

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

任何建议？

Answer 1

你有自己的mac吗？如果是，打开模拟器，使用开发者模式启用safari并检查元素以确定哪一个给出错误，一旦你有，你可以使用css查询来定位ipads或使用Mobile Detect注入相应的css只在需要的时候

在这种特殊情况下，你可以使用这个:::

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