如何处理Windows Phone 8 HTML5+；JavaScript游戏？

我正在使用HTML5画布标签和JavaScript制作我的第一款手机游戏。我目前使用的唯一外部库是jQuery

当我将游戏加载到分辨率为1280 x 768的手机（Lumia 920）上时，画布（分辨率相同）的高度和宽度是手机的两倍。我听说手机通常不使用最大分辨率，而是使用它的一半或类似的分辨率，这会显示这个

---

那么，您如何确保游戏支持所有（我认为4）可用的分辨率？您是否希望画布100%宽且高，WP8是否有自动调整大小的方法，并且通常需要不同分辨率的不同图像以确保高质量？

CSS像素与设备像素不同

最好的例子是ipad和ipad视网膜

即使ipad的分辨率为768*1024，但ipad视网膜的分辨率为1536*2048，ipad上300px宽的画布在物理上与ipad视网膜的尺寸相同

这是因为这两个设备具有相同的CSS像素宽度。唯一改变的是视网膜设备的密度比为2

同样的情况也适用于您的LUMIA 920设备。 此外，如果要确定CSS像素的大小，请将屏幕分辨率除以密度

1536/2=768