javascript - 让我的javascript函数在ipad上全屏显示

Question

我写了一个可以在浏览器中玩的javascript游戏。当我在 ipad 上播放时，它太大了，你必须滚动才能看到所有内容。

如果在 ipad 上播放，如何将其调整为始终与 ipad 的屏幕尺寸一样大？

Answer 1

你可能需要这个：

<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: Wrong width small on Opera Mobile 9.7 (10 works)

从这里开始，您必须使用 screen.width 和 height 值进行计算以正确缩放，但使用之前的元数据，您至少会在屏幕尺寸方面获得一致的值。

Answer 2

尝试<meta>在您的 html 头部分中设置此标记

<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 */
}