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

我正在使用javascript来实现这一点。我想知道是否有一种“更漂亮”的方法可以做到这一点

这是我的方式：

我发现正在使用的屏幕的宽度和高度：

我发现画布和屏幕之间的比例：

然后我在wards之后使用此函数缩放画布：

在绘制完我的代码和函数之后，我将每个坐标乘以Xf或Yf，这取决于它是x轴还是y轴

我的完整代码如下：

---

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

不要使用javascript进行扩展，使用响应式webdesign@jcesarmobile有相关阅读材料的链接吗？哦，对不起，之前没有看过代码，我认为响应式网页设计不适用于画布是的，这就是我的想法：

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();