更有效的扩展phonegap iphone应用程序UI的方法？

Question

我正在使用javascript来执行此操作。我想知道是否有一个更漂亮的＆＃39;这样做的方法？

这是我的方式：

我找到了正在使用的屏幕的宽度和高度：

var x = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
var y = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);

我找到了画布和屏幕之间的比例：

var Xf = (x / a_canvas.width);
var Yf = (y / a_canvas.height);

然后我在病房后使用此功能缩放画布：

function resize_canvas() {
    if (a_canvas.width < x) {
        a_canvas.width = x;
    }
    if (a_canvas.height < y) {
        a_canvas.height = y;
    }
}
resize_canvas();

在绘制了我的代码和函数之后，我将每个坐标乘以Xf或Yf，具体取决于它是否是x轴和y轴。

我的完整代码在这里： https://github.com/GunZi200/Memory-Colour/blob/master/test.js

如果你们知道更好的方法吗？请让我知道！