做出来的游戏在手机端 左右都有黑边 有办法全屏显示出吗

小怪兽奇奇侠

这个问题我以前也考虑过，没有什么完美办法，我个人的经验是：mz只要调整了canvas的大小，内部像素也会跟着变，我当前反正做不到只调整可视区域而不改变内部像素。
如果楼主对游戏画面完整性要求不高的话，我有个办法可以让画面铺满全屏。

1. Graphics._centerElement = function(element) {
   
2.     const width = element.width * this._realScale;
   
3.     const height = element.height * this._realScale;
   
4.     element.style.position = "absolute";
   
5.     element.style.margin = "auto";
   
6.     element.style.top = 0;
   
7.     element.style.left = 0;
   
8.     element.style.right = 0;
   
9.     element.style.bottom = 0;
   
10.     element.style.width = "100%";
    
11.     element.style.height = "auto";
    
12. };

复制代码

把这段代码随便放入一个已开启的插件中，可以大概实现全屏。

为什么是大概嘞？因为我没有试，不确定在手机上的实际效果....
反正在电脑上的话，窗口这样子拉，都可以铺满，但是会出现浏览器的滚动条。




这就是我的一定要全屏的笨办法。。。
如果你的游戏本身是按16：9的分辨率来的，而且玩家主要是在手机上的话，可以试试。
因为大屏手机即使不是16：9的分辨率，也是接近的，随着分辨率的不同，画面底部可能会缺失一点。
设计游戏的时候可以注意把对话框抬高一点，在画面底部不要塞重要的东西，我觉得还是可取的。