让我的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和高度值的比例适当，来计算，但与以前的荟萃你至少在屏幕尺寸方面具有一致的价值。

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