我的遊戲畫布像電腦一樣縮小

Question

我製作了一款遊戲，其中包含HTML5手機。我嘗試併爲Firefox OS開發它，並將其作爲應用程序在Firefox OS上完美運行。

然後，我在Android瀏覽器（Android 2.x）和運行iOS 4或5（不知道哪個）的iPod上嘗試了它，但是遊戲在計算機上完全縮小。這是我的CSS，我使用的是HTML5 canvas標籤：

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

#canvas { 
    position: absolute; 
} 

而且在Firefox OS，它不僅作爲工作作爲它在瀏覽器內運行一個打包的應用程序。我在iOS和Android上都使用了默認瀏覽器。

Answer 1

可能不是很接近，但您使用viewport。這是非常擴展的文章約viewport和我建議如果您使用iPhone或Android（智能手機）meta viewport，把這個content="width=device-width, initial-scale=1.0"這是非常有用的。

Answer 2

它是屏幕尺寸的四分之一嗎？這可能是因爲你沒有考慮視網膜顯示？

（我知道你有它Firefox下OS運作良好，但是這是一個視網膜/高分辨率sceen設備上？）

如果這確實是這樣，你可以得到縮放比例與window.devicePixelRatio。