html5游戏横屏，横屏h5模板

如何禁止手机端html5页面横屏显示

1、解决办法：给video标签加一些属性，调用h5原生video。

2、可以监听屏幕旋转事件，在屏幕旋转的时候重新设定canvas的width和height。

3、解决方法 scrollIntoView(alignWithTop)： 滚动浏览器窗口或容器元素，以便在当前视窗的可见范围看见当前元素。alignWithTop 若为 true，或者什么都不传，那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐。

4、target-densitydpi=device-dpi /ps：禁止Html5在手机上屏幕页面缩放最近测试html5页面，发现默认都允许用户缩放页面，或者在屏幕双击放大或缩小。

相关问答

Q1: js或者css有什么办法强制设置ipad横屏显示

1、还有，用了css媒体查询后，ie6-8载入不了样式表，要引用个：Respond.js来让ie6-8下正确载入css。js自行百度，到处有下载。

2、如果想要解决这个问题，用户可以进入浏览器的设置页面，关闭竖屏锁定功能，或者调整其设置选项，使其支持横屏显示。可能的原因之二：CSS样式问题 另一个导致浏览器无法横屏的原因，可能是网页中的CSS样式问题。

3、图片宽度设成100%，理论上不是单色图案、重复背景图案、或js动态生成的画布上的矢量图，jpg之类的是没办法满屏的，320的时候满屏了，横过来看480的时候，高度又少了，可视区外还有一截。

4、两者分辨率不同，手机上你要写针对手机的css。

Q2: h5能切换手机输入法横屏吗

是的。h5横屏适配跟字体不一样，是由于屏幕分辨率的多样化，因此就算是横屏下也是需要进行横屏适配才能变成一样。h5横屏是实现原理利用transform将这个父容器在竖屏状态下整体顺时针旋转90o，页面就处于横屏的状态。

极米投影H5。根据查询投影网官网显示，极米投影H5的版本可以切换输入法，可以切换成悟空输入法。

哈弗H5（经典版）在名称检索界面，触摸【输入法切换】按钮，可切换不同输入法。系统包含首字母输入法、拼音输入法、手写输入法。此问题适用于2018款车型。

时，无论手机是横竖屏，通过 cc.view.getFrameSize() 或 cc.view.getCanvasSize() 获取的长宽比都是宽屏状态。这时我们要判断手机横竖屏的话，可以使用 window.orientation 的角度是否为正负90来判断是否横屏。

Q3: 怎么让html5的video横屏播放

1、)手机页面可以触摸移动，但是如果有需要禁止此操作，就是页面宽度等于屏幕宽度是页面正好适应屏幕才可以保证页面不能移动。

2、试试html5的全屏api， 让他全屏播放，应该就会横着了。

3、使用 Rails Migration 随着功能的开发逐步创建表；随着细节功能的开发、需求，逐步增加字段，删除字段，或者调整字段类型；第一个 Release 的时候清理 Migrations 合并成一个；随着后期的改动，逐步增加、修改、删除字段或表。

Q4: html5可以自动适应横竖屏吗

1、可以用JS监控屏幕大小，然后调整Canvas的大小。

2、结论：要做真正的“感应式”设计，自动适应多个屏幕，又不想写代码，就只能用互动大师http：//vxplo.cn去做。

3、也不能使用具有绝对宽度的元素。这一条非常重要。

4、不能不用固定尺寸，一些小的模块可以用固定尺寸。再就是css中要应用到媒体查询，也就是@media，不懂可以百度。

关于html5游戏横屏和横屏h5模板的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。