如题,测试项目如图:
构建发布如图:
在小米手机上自带浏览器测试时,无法全屏,期待的效果是无论canva尺寸多大,打开浏览器直接是全屏显示的。
小米截图:
,想问问如何实现全屏显示。谢谢~
谢谢~还想问个问题,如何打开手机浏览器之后自动全屏,也就是没有浏览器自带的上面和下面的菜单栏呢
楼主怎么解决的,就是不要上面的菜单栏
添加了一个点击事件,点击的时候出发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;
}
}
谢谢楼主,我采用了楼主的方法,但是不知道哪里出现了问题没有达到效果,请求楼主看一下。
非常感谢楼主,对代码有点疑惑,全屏函数这段方法在代码中的调用在哪里呢,现在网页就只给我弹不支持的警告了
我是在打版之后的文件家里面修改的
一:在index文件里添加一个div,添加onclick事件
能否上传一个demo,供参考下
你好,请教下,你在web上的全屏适配是怎么做到的,我试了下参考设置setFrameSize没有效果。能详细讲下吗