htmlのwebサイトをスマホで見た時に画面がガタガタしないようにしたい

Question

こんにちは
スマホでも遊べるゲームを作ってみたかったので、htmlを少し触ってみてcanvasとJavascriptでゲームを作成しました。
フリックして自分を操作する簡単なゲームなのですが、実際にスマホで操作してみると、
フリック入力でサイトが上下左右にぐらぐらと移動してしまいます。
これではまともにゲームをプレイできないので画面を固定する方法があれば教えてください。
(左右の固定は出来るそうなのですが、下にフリックすれば出てくる上の空間の消し方は見つかりませんでした。)

上記のゲームは下のリンクから確認できます。
おそらくソースコードも見ることが出来ると思いますので、ここには貼っていません。
http://nicoyougame.starfree.jp/game/index_mobile.html

Answer 1

これ以上の回答が見込めなさそうなので、完全に固定してしまう方法はないということで自己解決とさせていただきます。

Answer 2

meta[name=viewport] が記述されていません。

• MDN モバイルブラウザでのレイアウトを制御するために meta タグの viewport を使う
• qiita もう逃げない。HTMLのviewportをちゃんと理解する

Comments

[nicoyou]

ご回答ありがとうございます
頂いたリンクを確認してきます

[nicoyou]

meta[name=viewport] を追記してみたのですが、結果は変わらずでした
リンク内の"<meta name="viewport" content="width=360,initial-scale=1">"
等も試してみましたが、画面を上下にフリップするとcanvasが動いてしまいます。