css - 如何处理phonegap中的分辨率

我正在使用phonegap开发一个可在Android设备上运行的小型演示。我的设备的分辨率是1280 * 720，所以我创建了一个1280 * 720的画布，以填充整个屏幕并绘制相同大小的图片。但我发现它太大了，不能在我的建议中显示，我必须调整这到640 * 360。但它非常模糊。我该如何解决它？

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/demo.js" type="text/javascript"></script>
    <style>
        body {
            margin:0 !important;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="360" height="640"></canvas>
    <script>
        $(document).ready(function(){
            prepareCanvas();
        });
    </script>
</body>
</html>

如何处理phonegap中的分辨率

0 个答案: