Question

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

那么如何克服这个问题呢？我已经搜索了很多，但无法找到任何有关它的解决方案。

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

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

当我将设备字体大小从设置＆gt;显示＆gt;字体更改为巨大时 Image here

Answer 1

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

只需在index.js中的onDeviceReady函数中编写以下内容即可。

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

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

Answer 2

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