javascript - 私のjavascript関数をipadで全画面表示させます

Question

ブラウザでプレイできる JavaScript ゲームを作成しました。ipad で再生すると大きすぎて、すべてを表示するにはスクロールする必要があります。

iPadで再生する場合、常にiPadの画面サイズと同じ大きさになるように調整するにはどうすればよいですか?

Answer 1

この<meta>タグを HTML の head セクションに設定してみてください

<meta name="viewport" content="width=device-width">

それだけでは不十分な場合は、次css media queriesのようにモバイル デバイス用に要素をさらにカスタマイズするために使用します。

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over */
}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over */
}

Answer 2

おそらくこれが必要です：

<meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

詳細はこちら: meta "viewport" device-width: Opera Mobile 9.7 で幅が小さい (10 作品)

ここからは、適切にスケーリングするために screen.width と height の値を計算する必要がありますが、以前のメタでは、画面の寸法に関して少なくとも一貫した値が得られます。