Bootstrap 3 Glyphicons がウィンドウ モバイルで機能しません。彼らは他のデバイスで働いています(ウィンドウフォンを期待してください)
4 に答える
Mathew Hintzenが投稿したように、最も簡単な方法は、web.config に MIME 仕様を含めることです。また、彼が指摘したように、スタイル/スクリプトのバンドルを使用している場合、これにより 500 内部サーバー エラーが発生します。
<configuration>
...
<system.webServer>
...
<staticContent>
...
<mimeMap fileExtension=".woff" mimeType="font/x-woff" />
</staticContent>
</system.webServer>
</configuration>
OP の質問に回答し、500 内部サーバー エラーを修正するには、静的コンテンツを設定する前に「remove」ステートメントを含めます。
<configuration>
...
<system.webServer>
...
<staticContent>
...
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="font/x-woff" />
</staticContent>
</system.webServer>
</configuration>
これにより、Windows Mobile / Internet Explorer Mobile (IE Mobile) にフォント ファイルが読み込まれ、Web サーバーは引き続き他のバンドル ファイルを他のブラウザー/クライアントに提供します。
これが役立つことを願っています。ハッピーコーディング!
これは、Glyphicons フォント ファイルがサーバーから応答していないことが原因である可能性があります。[ファイル名拡張子: .woff、MIME タイプ: font/x-woff] のような MIME タイプを追加してください。
MIME タイプを追加するには ...
--->start
--->Internet Information Services manager (IIS manager)
---> select the site
--->add a MIME type like with [file name extension : .woff, MIME type : font/x-woff].
最も簡単な方法は、上記のコメントでuser2959178によって提案されているように、web.config に MIME 仕様を含めることです。
<configuration>
...
<system.webServer>
...
<staticContent>
...
<mimeMap fileExtension=".woff" mimeType="font/x-woff" />
</staticContent>
</system.webServer>
</configuration>
警告: これにより Windows モバイルは修正されますが、スタイルのバンドルを使用している場合、他のすべてのブラウザーが 500 の内部サーバー エラーで壊れる可能性があります。
私もこの問題を抱えています。私の現在の解決策は、ボタンでテキスト フォールバックを使用することです。
<button class="btn btn-default"><span class="glyphicon glyphicon-ok">
OK
</span></button>
これは設計上の修正ではありませんが、製品が機能するようになります。
いくつかの異なるモバイル ブランド (ios、android、windows phone、firefox、chrome、IE 8、IE 11) でいくつかのブラウザーをテストしたことに注意してください。この問題は Windows Phone でのみ発生します。Nokia Lumia 920 Windows 8 を使用しています。
http://getbootstrap.com/getting-started/#browsersにある他の文書化された修正については、ブートストラップ ページでもう少し読むことができます。