浏览器全屏和显示器全屏显示页面

需求：（正常的后管系统）
左侧菜单，右侧上为头部，右下为正文部分
正文为一个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