调整浏览器窗口大小时“::之前”消失

Question

我有以下代码行：

<a href="##" class="navbar-toggle pull-left js-tray-toggle"><span class="icon-menu"></span></a>

.icon-menu:before {
content: "\e001";
}


*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

当我将浏览器调整为平板电脑尺寸（在真实设备上进行测试）时，“:: before”会在span元素内消失，导致图标无法在平板电脑上显示。

当您使用平板电脑时，生成的字体图标会消失，但在手机上却很好。当检查时，“：before”在窗口以平均平板电脑尺寸调整大小时消失，然后再次出现在移动维度中。