Gamemaker H5在手机端分辨率的问题解决方案
Gamemaker studio在导出h5游戏后,手机端浏览会出现各种各样的缩放问题,比如画面变得奇大无比,还很模糊。 这样非常影响游戏的体验,这时候我们需要对导出的index.html进行修改,才能完美适应手机屏幕。 具体步骤如下: //1打开index.html //2删掉index.html中的<meta name ="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> //3在<body>后面加入如下代码 <meta name="viewport" id="WebViewport" content="width=100px,initial-scale=1,target-densitydpi=device-dpi,minimum-scale=0.1,maximum-scale=9,user-scalable=0" /> <Script Language="JavaScript"> document.getElementById('WebViewport').setAttribute('content', 'width=100px,initial-scale=' + 1/devicePixelRatio+ ',target-densitydpi=device-dpi,minimum-scale=0.1,maximum-scale=9,user-scalable=0'); </script> 然后保存,大工告成! 关于html5分辨率问题的一些资料: http://www.cnblogs.com/2050/p/3877280.html (当然这并不是最完美的方法,因为有些手机的dpi很诡异,导致计算不准确,特此声明。。。)