如何處理Windows Phone 8 HTML5 + JavaScript遊戲的分辨率？

我正在使用HTML5 canvas標籤以及JavaScript來製作我的第一款手機遊戲。我目前唯一使用的外部庫是jQuery。如何處理Windows Phone 8 HTML5 + JavaScript遊戲的分辨率？

當我將遊戲加載到具有1280 x 768分辨率的手機（Lumia 920）上時，畫布（具有相同的分辨率）高出兩倍。我聽說手機通常不使用最大分辨率，而是使用最大分辨率，而是使用最大分辨率的一半，或者類似的一半，這會顯示出來

那麼如何確保遊戲支持所有（我認爲4種）可用的分辨率？您是否將畫布做得寬闊高大，WP8是否有自動調整大小的方法，並且通常需要針對不同的分辨率使用不同的圖像以確保高質量？

2014-05-15 Tazavoo

CSS像素與設備像素不同。

最好的例子是ipad和ipad視網膜。

寬度300像素的在ipad畫布將是物理上相同的尺寸如在ipad視網膜，即使是ipad的768×1024的分辨率，但ipad的視網膜是1536 * 2048。

這是因爲這兩個設備具有相同的CSS像素寬度。只有變化的是視網膜器件的密度比爲2。

相同的情況適用於您的LUMIA 920設備。此外，如果您想確定CSS像素大小，然後按密度劃分屏幕分辨率

1536/2 = 768

2014-05-15 15:17:27 user3589009

回答