Javascript 在移动设备上，基本的狡猾游戏占据了整个屏幕_Javascript_Craftyjs

Javascript 在移动设备上，基本的狡猾游戏占据了整个屏幕

javascript

Javascript 在移动设备上，基本的狡猾游戏占据了整个屏幕,javascript,craftyjs,Javascript,Craftyjs,我正在尝试Crafty.js来做一些基本的游戏，它在桌面浏览器上运行得非常好，但在移动设备上却占据了整个屏幕。这是我的网页： <html> <head> <title>Game</title> <script src="/javascripts/crafty.js" type="text/javascript"> </script> <script src="/javascripts/homeGame.

我正在尝试Crafty.js来做一些基本的游戏，它在桌面浏览器上运行得非常好，但在移动设备上却占据了整个屏幕。这是我的网页：

<html>
<head>
  <title>Game</title>
  <script src="/javascripts/crafty.js" type="text/javascript">
  </script>
  <script src="/javascripts/homeGame.js" type="text/javascript">
</script>
</head>

<body style="margin:0 0">
  <div id="cr-stage"></div>
</body>
</html>

我尝试使用viewport元标记，但没有成功另外，crafty.js网站上的入门游戏在移动设备上也存在同样的问题：

有没有办法解决这个问题？

我发现了这个问题（或者它可能是一个功能）。在crafty.js的第4282行中，它写道：

* If Crafty.mobile is equal true Crafty does some things under hood:
    * ~~~
    * - set viewport on max device width and height
    * - set Crafty.stage.fullscreen on true
    * - hide window scrollbars
    * ~~~
    * 
    * @see Crafty.viewport
    */
    if (mobile) Crafty.mobile = mobile[0];

如果您对上面的行进行注释，并将其替换为下面的行，则它可以正常工作

if (mobile) Crafty.mobile = false;

我只是想让用户决定是否要缩放

干杯

我发现了问题（或者它可能是一个功能）。在crafty.js的第4282行中，它写道：

* If Crafty.mobile is equal true Crafty does some things under hood:
    * ~~~
    * - set viewport on max device width and height
    * - set Crafty.stage.fullscreen on true
    * - hide window scrollbars
    * ~~~
    * 
    * @see Crafty.viewport
    */
    if (mobile) Crafty.mobile = mobile[0];

如果您对上面的行进行注释，并将其替换为下面的行，则它可以正常工作

if (mobile) Crafty.mobile = false;

我只是想让用户决定是否要缩放

干杯

好吧，你已经在CSS中设置了宽度和高度……我删除了CSS（对不起，这是我调试的一部分）。无论如何，css设置为700x400，ipad设置为1024x768，因此不应该填满整个屏幕。好吧，你已经在css中设置了宽度和高度……我删除了css（对不起，这是我调试的一部分）。无论如何，css设置为700x400，ipad设置为1024x768，这样就不会填满整个屏幕。除了修改狡猾的核心JS，您可以在调用init之前覆盖该值。在onload/domready处理程序中设置

Crafty.mobile=false

。您可以在调用init之前覆盖该值，而不是修改Crafty core JS。在onload/domready处理程序中设置

Crafty.mobile=false

。