需求:(正常的后管系统)
左侧菜单,右侧上为头部,右下为正文部分
正文为一个iframe标签
需要实现:
iframe可以在显示器全屏显示,且可以在浏览器全屏显示(盖住菜单和右上头部)
- 显示器全屏用了一个方法:
let iframeDom=this._elementRef.nativeElement.querySelector(".iframe-dom");
iframeDom.webkitRequestFullScreen();
即:domElement.webkitRequestFullScreen() 方法,ESC键退出全屏
- 浏览器全屏
使用固定定位
eg:点击按钮后,给domElement加一个类名,这个类名是fixed定位
position: fixed;
top:0;
left:0;
z-index: 111;
width: 100%;
height: 100%;
点击收缩按钮后,去掉这个类名;
参考:https://blog.csdn.net/dqs78833488/article/details/53881797