目的
不管玩家窗口的大小是多少，都希望在打开时根据当前大小去设置显示区域的比例，将游戏内容显示完全。
做法
以标准分辨率为1080*1920为例。
打开index.html文件，找到其中的这几句所在位置
canvas.style.width = "1080px";
canvas.style.height = "1920px";
将上面的内容注释掉，在其后面写如下内容
var tempW= window.innerWidth;//获取body可见区域高度
var tempH = window.innerHeight;//获取body可见区域高度
var scale = 1080/1920;
var width = 0;
var height = 0;
if (tempW/tempH > scale) {height=tempH;width=tempH*scale;}
if (tempW/tempH < scale) {height=tempW/scale;width=tempW;}
canvas.style.width = width+"px";
canvas.style.height = height+"px";
网友评论