2016-11-28 27 views
0

私はモダカと温泉のUIを使用していますので、とても便利で便利です。Monacaで構築されたCordovaアプリケーションがデフォルトのシステムフォントサイズを使用しないようにするにはどうすればよいですか?

私の電話でアプリを実行すると、小さいフォント私は自分の携帯電話に小さなフォントを使用していますが、私は、彼らはアプリ中小に設定したときにも

に見える質問があるので:どのように私は、私も、デフォルトのシステムフォントサイズを
使用してから私のアプリを防ぐことができますMobile Accessibilityプラグインが追加されましたが、まだMonacaがサポートしていないようです。

+2

使用することができます。プロジェクトにそれらを含めるには、有料の開発者アカウントが必要です。ハイブリッドアプリケーションでは、フォントはCSSによって制御されます。あなたのテキストにクラスを割り当てて、そのようにコントロールします。 – Munsterlander

+0

ありがとう@Munsterlander私はまだそれは知っているが、私はまだ初心者であり、私はこれらのサービスのためにまだ支払うことができない、と私はよく私はCSSを使用してすべてを制御することができますが、 50pxそれは他のデバイス(同じ画面だが解像度が異なる)で同じに見えません –

+0

この投稿をチェックしてください:http://stackoverflow.com/questions/25768602/maintain-aspect-ratio-and-font-size-based-ブラウザ上での高さと幅 – Munsterlander

答えて

2

最初のオプション:

は、テキストスケーリング、画面読み込み、およびカラー反転のユーザーのデバイスデフォルトを無視できるようにする、Cordovaのライブラリです。

それから経由で実装します:これはIonicフレームワークと連携

if($window.MobileAccessibility){ 
     $window.MobileAccessibility.usePreferredTextZoom(false);//Dont Scale Text 
    } 

、それはコルドバは、それが同様にMonacaで動作するはずlibriaryあるとして見て。

この実装は、Cordova deviceready呼び出し後に使用する必要があります。

番目のオプション:

通常のAndroidの開発にいる間、この問題に対処する開発者は、しかし、我々はドンHTML/CSS建てアプリでは、UI要素のためDPを使用します; tはこれにアクセスすることができます。

あなたが代わりにCSSプロパティを標的とする:

vw: 1/100th viewport width 
vh: 1/100th viewport height 
vmin: 1/100th of the smallest side 
vmax: 1/100th of the largest side 

欠点は、次のとおり適切にオペラやiOSデバイス上では動作しません。

メモ:この動作の理由は、デバイスとアプリケーションが適切なUI/UXデザインに従って一緒に組み合わされることです。この意味は、ユーザーが設定したデバイスのUI/UX設定も、使用するすべてのアプリに反映される必要があります。

本当に、意図的なUX/UIの目的が存在し、デザインが "きれい"に見えるだけではない限り、これらのルールは無視されるのが一般的です。

を覚えておいてください、他の多くのオプションは/必要に応じて利用できるようにモナカは、すべてのコルドバ/ PhoneGapのプラグインをサポートしてい

関連する問題