Phonegap:如何控制手机的字体大小

Phonegap : how Control the font size of the Mobile?

本文关键字:手机 字体 控制 何控制 Phonegap      更新时间:2023-09-26

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

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

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

当设备字体大小正常时,它可以正常工作。此处为图像

当我将设备字体大小从设置>显示>字体更改为巨大时此处为图像

刚刚找到了我需要的解决方案。通过使用此插件。

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

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

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

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

视口示例。Phonegap应用程序文本和布局太小

媒体查询示例。缩放Phonegap应用程序以适应不同的Android屏幕大小/密度?