2016-11-25 3 views
0

ブートストラップ3とグリフィスで奇妙な問題が発生しました! 問題はChrome搭載Android携帯電話に表示されます(最新)。ブートストラップ3のグリフィコン(フォントフェイス)が奇妙なHTMLレイアウトの問題を引き起こします

問題の説明:glyphiconフォントファイルを読み込むためにbootstrap.cssにfont-face-statementが存在する場合、ページのレイアウトは少し壊れてしまいます。 Windowsの電話では問題ありません。デスクトップマシンでもFirefoxでもFirefoxでもChromeデスクトップでもうまくいきます。 初めてページを読み込むと、レイアウトはOKです!ページをリロードしたり、ページを変更したりすると、奇妙な問題が現れ、保持されます。 ( - >キャッシュ?)

例えば、Androidのモバイルクローム(最新)からのスクリーンショット:glypihconsと垂直

enter image description hereボタンのグループ。アイコンは右に移動します。 (埋め込みの問題?)

enter image description hereボタンはtext @ footerです。 (右側のパディング問題?)

enter image description here入力フィールドのラベル。

enter image description here自己スタイルのチェックボックス+ラベルの後にそれを置きます。 (親コンテナが小さすぎる(幅が小さすぎるためにチェックボックスの後に不要な改行があります...)

私は何が起こっているのですか?私がbootstrap.cssからGlyphiconアイコンのフォントファミリを削除した場合、すべてが消えてしまいます(欠落しているグリフコンアイコンをコースからはずしてください)。私がファイル内のfont-faceステートメントを許可すると、問題は@アンドロイドの携帯電話で発生します。

誰かが既にこの問題を抱えていますか?これをどのように修正でき、何が問題なのですか?

答えて

0

自分のために修正しました。 Chromeが何をしたのかはわかりませんが、Chrome App Cacheをすべて消去してくれました。問題はアプリ関連でした。