cordova 开发 UI 屏幕适配问题

由于有的手机设置了字体放大,所以造成软件 UI 的显示错位问题。

解决方法如下:

/*

Licensed to the Apache Software Foundation (ASF) under one

or more contributor license agreements. See the NOTICE file

distributed with this work for additional information

regarding copyright ownership. The ASF licenses this file

to you under the Apache License, Version 2.0 (the

"License"); you may not use this file except in compliance

with the License. You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing,
   software distributed under the License is distributed on an
   "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
   KIND, either express or implied.  See the License for the
   specific language governing permissions and limitations
   under the License.

*/

package XXXXXXXXX;

import android.os.Bundle;

import org.apache.cordova.*;

import android.webkit.WebView;

import android.webkit.WebSettings;

public class MainActivity extends CordovaActivity

{

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

    // enable Cordova apps to be started in the background
    Bundle extras = getIntent().getExtras();
    if (extras != null && extras.getBoolean("cdvStartInBackground", false)) {
        moveTaskToBack(true);
    }

  // Set by <content src="index.html" /> in config.xml
  loadUrl(launchUrl);

  WebView webView = (WebView) appView.getEngine().getView();
  WebSettings settings = webView.getSettings();
  settings.setBuiltInZoomControls(true);
  settings.setSupportZoom(true);
  settings.setTextZoom(100);


  //settings.setDefaultZoom(ZoomDensity.FAR);
}

}