构建发布Web Mobile,想要打开手机浏览器全屏显示,不要黑边,如何设置

如题,测试项目如图:


构建发布如图:

在小米手机上自带浏览器测试时,无法全屏,期待的效果是无论canva尺寸多大,打开浏览器直接是全屏显示的
小米截图:

,想问问如何实现全屏显示。谢谢~

http://forum.cocos.com/t/topic/59299/1

谢谢~还想问个问题,如何打开手机浏览器之后自动全屏,也就是没有浏览器自带的上面和下面的菜单栏呢

楼主怎么解决的,就是不要上面的菜单栏

添加了一个点击事件,点击的时候出发requestFullScreen这个api
function launchFullScreen(element) {
if(element.requestFullScreen) { //webkit/edge
element.requestFullScreen();
} else if(element.mozRequestFullScreen) { //firefox
element.mozRequestFullScreen();
} else if(element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
} else if(element.msRequestFullscreen) { //IE
element.msRequestFullscreen();
} else {
return true;
}
}

谢谢楼主,我采用了楼主的方法,但是不知道哪里出现了问题没有达到效果,请求楼主看一下。



下面是发布的web-Mobile地址,可以直接预览看。
http://www.bvtech.net/Test/imageScroll/index.html

非常感谢楼主,对代码有点疑惑,全屏函数这段方法在代码中的调用在哪里呢,现在网页就只给我弹不支持的警告了

我是在打版之后的文件家里面修改的
一:在index文件里添加一个div,添加onclick事件


二,另起一个js脚本,写上点击事件

三,调取全屏函数

上次传的第二个图片有问题,这回好了,在第二个图片里面调用的。

楼主,你那个全屏适配怎么做的…我的在电脑上,网页是全屏的,手机上就不行


能否上传一个demo,供参考下

你好,请教下,你在web上的全屏适配是怎么做到的,我试了下参考设置setFrameSize没有效果。能详细讲下吗