我使用以下代码将我的应用调整大小/扩展到任意设备(iOS,Android)的屏幕尺寸:
<head>
<meta charset="utf-8">
<title>App Title</title>
<meta id="Viewport" name="viewport">
<script src="plugins/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" href="css/main.css" />
<script src="plugins/main.js"></script>
<script src="cordova.js"></script>
<script type="text/javascript">
$(function(){
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
var ww = ( $(window).width() < window.screen.width ) ? $(window).width() : window.screen.width;
var mw = 1080;
var ratio = ww / mw;
if( ww < mw){
$('#Viewport').attr('content', 'initial-scale=' + ratio + ', maximum-scale=' + ratio + ', minimum-scale=' + ratio + ', user-scalable=yes, width=' + ww);
}else{
$('#Viewport').attr('content', 'initial-scale=' + ratio + ', maximum-scale=' + ratio + ', minimum-scale=' + ratio + ', user-scalable=yes, width=' + ww);
}
}
});
</script></head>
它在iOS和Android上完美地运行到Api lvl 18,停止工作在lvl 19 KitKat 4.4.2 我读到:PhoneGap在KitKat(4.4)之前使用Android WebView,但是如何使这个代码工作我已经给出了? 看起来好像不执行js
或任何建议其他解决方案???
任何建议的答案
更新30.04.2014
我还设置了manualy viewport而没有js,并且在Android 4.3上工作得很完美,但4.4.2根本不工作 - 我在Eclipse中使用Cordova 3.4.0