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

Question

我在使用 bootstrap 3 和字形图标时遇到了一个奇怪的问题！ 问题出现在我的装有 Chrome（最新）的安卓手机上。

问题描述：如果 bootstrap.css 中存在用于加载 glyphicon 字体文件的 font-face-statement，则页面布局会有点损坏。 在windows phone上，没问题。在桌面机器上和 Chrome 桌面上也可以 @ Firefox。 如果我第一次加载页面，布局就OK了！如果我重新加载页面或更改页面：出现奇怪的问题并保留！ (-> 缓存？)

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

带有 glypihcons 的垂直按钮组。图标向右移动。 （填充问题？）

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

输入字段的标签。 （它只是打破）

一个自风格的复选框+标签。 （复选框后不需要换行，因为父容器有点太小（宽度）...）

不知道怎么回事！如果我从 bootstrap.css 中删除 Glyphicon Icons 的字体系列，一切都会正常并保持正常（将丢失的 glyphicon 图标替换掉）。如果我让文件中的font-face声明，就会出现问题@android手机。

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

Answer 1

为我自己修复了它。它不知道 Chrome 做了什么，但清除所有 Chrome 应用缓存对我有用。问题与应用有关。