找回密码
 立即注册
【公告】关于论坛暂停使用QQ登录公告 点击查看
查看: 197|回复: 1

html5游戏在手机端分辨率的问题解决方案

[复制链接]

15

主题

139

帖子

940

积分

热心赞助人

Rank: 8Rank: 8

积分
940
发表于 2016-12-14 15:37:57 | 显示全部楼层 |阅读模式
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很诡异,导致计算不准确,特此声明。。。)

这家伙很懒,啥都没留,= =
回复

使用道具 举报

60

主题

253

帖子

1837

积分

版主

Rank: 7Rank: 7Rank: 7

积分
1837
发表于 2016-12-14 15:41:33 | 显示全部楼层
有些手机,是指我的嘛|·ω·`)
爱我的请继续,恨我的别放弃
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

GM酱为您精心推荐!上一条 /4 下一条


小黑屋|Archiver|手机版|Gamemaker开发者之家    

GMT+8, 2017-3-2 02:08 , Processed in 0.115717 second(s), 34 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表
11 11 11 11 11 11 11 11 11 11 aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa aa