如何解决html5游戏的横屏问题?

最近在构思一个html5的手机小游戏,在微信之类的页面上玩玩的。但是我第一次设计横屏的游戏,请问横屏游戏和竖屏游戏如何设定,是通过坐标系?还是其他什么方法?
关注者
8
被浏览
2729

2 个回答

html5 API有这个参数 Screen Orientation API

可以看w3c定义的规范 The Screen Orientation API

_____________________________________
原来是复制错了,修改为:

<!-- UC强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">


原贴链接:
github.com/sunlanda/tri
可以监听屏幕旋转事件,在屏幕旋转的时候重新设定canvas的width和height。至于canvas里面的业务逻辑,就要写横屏竖屏的兼容了