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很诡异，导致计算不准确，特此声明。。。）
Comments
Post a Comment