如何消除手机设置的字体大小对Cordova app（Android）界面font-size的影响

　　===================== 更新分割线 ===================

　　现在发现其实不需要用安卓编辑器打开，也能找到这个文件，路径是platforms\android\CordovaLib\src\org\apache\cordova\engine\SystemWebViewEngine.java，用任意编辑器打开修改即可。

　　===================== 以下是原文 ===================　　

　　最近在用vue+cordova做一个app，前期一直在PC上看效果，今天试着打包成了app，想看看在手机上运行的效果。结果发现和预期的效果不一样，很多布局有一些错位。可是明明我在PC上调试的时候，有切换不同型号的手机看效果的，都没有问题，排版和布局也都是用的rem，按道理应该显示效果不会出现那么大的纰漏的。

　　后来发现是因为我修改设置了手机的显示字体大小的，如果我将手机字体大小改为标准的，则显示效果就正常了，所以我就在网上搜索了一下消除这种影响的解决办法，百度到了这么一个方法：

　　webView.getSettings().setTextZoom(100)；

　　这行代码的作用主要是设置webview里的字体不跟随系统字体发生改变。

　　好了，解决办法有了，那么问题来了，在哪里加上这行代码呢？我不懂原生代码，也是刚刚开始接触hybrid app和cordova，知道这个得在安卓代码里改，可是却不知道去哪里改。然后我可爱的老公帮我解决了，手动表白老公❤ @吃馒头的火鸡。

　　下面附上如何添加此代码：

　　用过cordova的朋友知道，用cordova打包app之前，先要添加一个platform，我这里添加的是Android平台，添加以后，其实就是生成了一个安卓的解决方案工程，将这个工程用Android Studio（其他的可开发安卓的编辑器应该也行）打开，就能看到里面的java代码。

　　找到 CordovaLib\java\org.apache.cordova\engine\SystemWebViewEngine.java 文件，里面有一个 initWebViewSettings 方法，在里面可以对webView进行一些修改。

webView.setInitialScale(0);
webView.setVerticalScrollBarEnabled(false);
// Enable JavaScript
final WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);
settings.setJavaScriptCanOpenWindowsAutomatically(true);
settings.setLayoutAlgorithm(LayoutAlgorithm.NORMAL);

 

　　这是其内部其中的一部分代码，我们紧接着这些代码之后追加设置字体的代码即可，因为这里面有把webView.getSettings()赋值给settings变量，所以我们只需在其后追加

　　settings.setTextZoom(100);

　　即可。

　　ok，保存一下，重新打包app，完美解决。