1

私はそのような要素を作成しています:

<a href="#nav-panel" class="ui-btn-left ui-btn ui-btn-c ui-corner-all ui-btn-icon-notext ui-icon-bars ui-alt-icon ui-nodisc-icon"></a>

Chrome、Android ブラウザ、Opera などのブラウザでは問題なく動作しますが、Opera Mini ではアイコンが表示されません。ただの空き地です。

jQuery Mobile のバージョンは 1.4.5 です

4

1 に答える 1

0

fontawesomebootstrapなどの Web サイトのアイコンは、多くの場合、 font-faceCSS ルールを使用して設定されるカスタム フォントを使用します。font-face現在、Opera Mini ではサポートされていません。

http://caniuse.com/#feat=fontface

次のリンクを読むと、Opera Mini ではカスタム フォントが許可されておらず、代わりにデバイスで利用可能なフォントが使用されているようです。

http://dev.opera.com/articles/view/opera-mini-web-content-authoring-guidelines/#typography

で設定Use bitmap fonts for complex scriptsしてみましたがopera:config、これでうまくいくでしょうか? http://blog.tavultesoft.com/2014/07/enable-custom-fonts-in-opera-mini.html

編集:

問題は、jQueryモバイルがアイコンに使用し、それが失敗した場合に.SVGフォールバックすることだったようです。.pngのパスが正しく設定されていません.png

于 2015-05-20T09:51:27.913 に答える