Bootstrap 3 glyphicons（font-face）导致奇怪的HTML布局问题

Question

我在bootstrap 3和glyphicons中遇到了一个奇怪的问题！ 问题出现在我的Android手机上，Chrome（最新）。

问题描述：如果bootstrap.css中存在font-face-statement以加载glyphicon字体文件，则页面布局会有所破坏。 在Windows手机上，没关系。它在桌面计算机上也很好用@ Firefox，也适用于Chrome桌面。 如果我第一次加载页面，布局就可以了！如果我重新加载页面或更改页面：出现奇怪的问题并保持！ （ - ＆gt;缓存？）

例如，来自Android Mobile Chrome的屏幕截图（最新）：

按钮组与glypihcons垂直。图标移到右侧。 （填充问题？）

带有文字@ footer的按钮。 （右侧的填充问题？）

输入字段的标签。 （它刚刚破裂）

自我风格的Checkbox + Label之后。 （复选框之后不需要的新换行符，因为父容器的位置太小（宽度）......）

我不知道发生了什么事！如果我从bootstrap.css中删除Glyphicon图标的font-family，一切都会保持正常（将丢失的glyphicon图标放在课程中）。如果我在文件中使用font-face语句，则问题出现在@android mobile phone。

有人已经遇到过此问题吗？我该如何解决这个问题？问题是什么？

Answer 1

为我自己修好了。它不知道Chrome做了什么，但清除所有Chrome App Cache对我有用。这个问题与应用有关。