enchant.jsで自動的に画面が拡大されるのを抑制するには?

enchant.jsでスマートフォン向けだけでないゲームが作りたくなる場合もあるよね?
Twitter上でどうしても自動的に拡大されてしまう!という悲鳴を見つけたので、それを抑制する簡単な方法を紹介するぞ!

enchant.jsでは何も考えずに作ると、勝手に画面が最大化されるようになっている。

これはこれで便利なんだけど、PCで遊ぶ専用のゲームを作りたいときにはちょっと邪魔臭い。

これを抑制するには、実はindex.htmlに一行追加するだけで良いのだ。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, user-scalable=no"> 
    <meta name="apple-mobile-web-app-capable" content="yes">
    <script type="text/javascript" src="enchant.js"></script>
    <script type="text/javascript" src="nineleap.enchant.js"></script>
    <script type="text/javascript" src="canvas.enchant.js"></script>
    <script type="text/javascript" src="enemyData.js"></script>
    <script type="text/javascript" src="enemyWave.js"></script>
    <script type="text/javascript" src="main.js"></script>
    <style type="text/css">
        body {
            margin: 0;
        }
    </style>
    </head>
  <body>
    <div id="enchant-stage"></div> <!-- ←これだけ!! -->
  </body>
</html>

なんとこれだけでピクセル等倍になる。
ピクセル等倍にすると、当然のことながら描画速度は非常に速くなる。