【问题标题】：How to handle resolutions for Windows Phone 8 HTML5 + JavaScript games?如何处理 Windows Phone 8 HTML5 + JavaScript 游戏的分辨率？
【发布时间】：2014-05-15 23:17:27
【问题描述】：
我正在使用 HTML5 画布标签和 JavaScript 制作我的第一个手机游戏。我目前使用的唯一外部库是 jQuery。
当我将游戏加载到分辨率为 1280 x 768 的手机 (Lumia 920) 上时，画布（具有相同分辨率）的高度和宽度是原来的两倍。我听说手机一般不使用最大分辨率，而是使用一半或类似的，这会显示这个。
那么如何确保游戏支持所有（我认为是 4 种）可用的分辨率？您是否希望画布是 100% 宽和高，WP8 是否有某种自动调整大小的方式，是否通常需要为不同分辨率提供不同的图像以确保高质量？
【问题讨论】：
标签：
javascript
jquery
html
canvas
windows-phone-8
【解决方案1】：
CSS 像素不同于设备像素。
最好的例子是 ipad 和 ipad Retina。
即使 ipad 的分辨率为 768 * 1024 但 ipad Retina 的分辨率为 1536 * 2048，ipad 中宽度为 300 像素的画布在物理上的大小与 Ipad 视网膜相同。
这是因为这两个设备具有相同的 CSS PIXEL 宽度。唯一改变的是密度比，对于视网膜设备，它是 2。
同样的情况也适用于您的 LUMIA 920 设备。
另外，如果要确定 CSS 像素大小，则将屏幕分辨率除以密度
1536/2 = 768