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

【问题标题】：Let my javascript function be displayed in fullscreen on ipad让我的javascript函数在ipad上全屏显示
【发布时间】：2012-04-24 21:02:47
【问题描述】：

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

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

【问题讨论】：

标签： javascript ipad resize

【解决方案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" />

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

【讨论】：

【解决方案2】：

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

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

【讨论】：