Холст моей игры уменьшен, как на компьютере

Question

Я сделал игру с HTML5 для мобильных телефонов. Я пробовал и разработал его для Firefox OS, и он отлично работает на Firefox OS в качестве приложения.

Затем я попробовал его в Android-браузере (Android 2.x) и на iPod, работающем под управлением iOS 4 или 5 (не уверен, какой), но игра полностью уменьшена, как на компьютере. Это мой CSS, я использую HTML5 холст тег:

body, html { 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
} 

#canvas { 
    position: absolute; 
} 

Также на Firefox OS, оно не только работает как пакетированного приложения, как это работает в браузере. Я использовал браузер по умолчанию для iOS и Android.

Answer 1

может быть не близостью, но вы используете viewport.? это очень расширенная статья о viewport, и я рекомендую, если вы используете meta viewport на iphone или Android (смартфон), положите это content="width=device-width, initial-scale=1.0" очень полезно.

Answer 2

Это квадрат размера экрана? Может быть, вы не приняли участие в показе сетчатки?

(я знаю, что он работает хорошо под Firefox OS, но это на сетчатку/высокого разрешения Sceen устройства?)

Если это действительно так, то вы можете получить соотношение масштаба с window.devicePixelRatio.