【问题标题】:Phonegap : how Control the font size of the Mobile?Phonegap:如何控制手机的字体大小?
【发布时间】:2015-05-05 01:38:01
【问题描述】:

在 Phonegap 中我遇到了一个问题,如果我们将移动设备的字体大小从设置更改为正常到大,那么应用到应用程序的 css 会中断。

那么如何克服这个问题呢?我搜索了很多,但找不到任何解决方案。

任何帮助或建议都会有所帮助。

当设备字体大小正常时,它可以正常工作。 Image here

当我将设备字体大小从设置>显示>字体更改为巨大 Image here

【问题讨论】:

  • 我不知道这个问题的答案,但如果您不必使用系统字体,使用自定义字体似乎会有所帮助。关注此link
  • 您正在尝试更改 css 中的字体大小并且应用程序中断?您能否提供一些代码,以便我们知道您要做什么?可能还有另一个错误导致它崩溃,而您只是没有看到。此外,来自 VS 的任何信息或您使用的任何工具都会有所帮助。
  • 感谢您的回复,我没有对 css 进行任何更改。当设备字体正常时 css 工作正常但是当我将字体从设置>显示>字体更改为巨大时 css 中断..我已经更新了问题并添加了截图链接。

标签: javascript jquery html css cordova


【解决方案1】:

刚刚找到了我需要的解决方案。 通过使用this plugin

只需在 index.js 的 onDeviceReady 函数中编写以下代码。

 if(window.MobileAccessibility){
        window.MobileAccessibility.usePreferredTextZoom(false);
    }

这将忽略系统字体首选项。

【讨论】:

  • 不错的@AJ——你的解决方案对我有用。很棒
  • 我很高兴该解决方案对你们有用@BhumeshPurohit
  • @MashukKhan 很乐意为您提供帮助。 :)
  • 我在 phonegap 中安装插件时遇到了一些问题。如果其他人在通过 git 安装时遇到问题,可以尝试使用以下顺序正常安装: - phonegap plugin add cordova-plugin-network-information - phonegap plugin add phonegap-plugin-mobile-accessibility
【解决方案2】:

根据您传递的信息,我认为如果您调整媒体查询和视口,您将获得所需的结果。

视口示例。 Phonegap Application text and layout too small

媒体查询示例。 Scaling a Phonegap app for different Android screen sizes/densities?

【讨论】:

  • 感谢 Nikolaos 的答案,但认为在您的链接中给出的尝试答案(不起作用)以及关于缩放 phonegap 应用程序的问题不是问题,是的,我的应用程序在不同的屏幕尺寸上缩放没有问题。仅当设备字体大小更改为巨大时才会出现问题。我只想忽略系统字体大小。 :) :)
猜你喜欢
  • 1970-01-01
  • 2012-06-19
  • 1970-01-01
  • 1970-01-01
  • 2015-12-02
  • 2012-05-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多