[测试]测试等比例缩放

src/app/app.component.ts

@@ -27,7 +27,64 @@ export class AppComponent {
     //       this.token.startUp()
     //   })
     // }
+
+    // let t = this;
+		// if(t._getSystem()) { //判断设备，目前只在windows系统下校正浏览器缩放比例
+		// 	//初始化页面校正浏览器缩放比例
+		// 	t._correct();
+		// 	//开启监听页面缩放
+		// 	t._watch();
+		// }
+
+  }
+
+  ngAfterViewInit(): void {
+
+  }
+
+
+  _getSystem() {
+    let flag = false;
+    var agent = navigator.userAgent.toLowerCase();
+    //		var isMac = /macintosh|mac os x/i.test(navigator.userAgent);
+    //		if(isMac) {
+    //			return false;
+    //		}
+    //现只针对windows处理，其它系统暂无该情况，如有，继续在此添加
+    if (agent.indexOf("windows") >= 0) {
+      return true;
+    }
+  }
+  //获取页面缩放比例
+  //	_getDevicePixelRatio() {
+  //		let t = this;
+  //	}
+  //监听方法兼容写法
+  _addHandler(element, type, handler) {
+    if (element.addEventListener) {
+      element.addEventListener(type, handler, false);
+    } else if (element.attachEvent) {
+      element.attachEvent("on" + type, handler);
+    } else {
+      element["on" + type] = handler;
+    }
+  }
+  //校正浏览器缩放比例
+  _correct() {
+    let t = this;
+    console.log('devicePixelRatio',window.devicePixelRatio)
+    //页面devicePixelRatio（设备像素比例）变化后，计算页面body标签zoom修改其大小，来抵消devicePixelRatio带来的变化。
+    document.getElementsByTagName('body')[0].style['zoom'] = String(1 / window.devicePixelRatio);
+    sessionStorage.setItem('zoom',String(1 / window.devicePixelRatio))
+
+  }
+  //监听页面缩放
+  _watch() {
+    let t = this;
+    t._addHandler(window, 'resize', function () { //注意这个方法是解决全局有两个window.resize
+      //重新校正
+      t._correct()
+    })
   }
- 
 
 }

src/app/pages/home-page/home-page.component.ts

@@ -253,6 +253,9 @@ export class HomePageComponent implements OnInit {
     this.getUnreadNotification()
 
     this.getAggregations()
+
+
+    
   }
 
   //获得所有未读消息

src/app/pages/login/login.component.html

@@ -37,17 +37,6 @@
       <button [nzLoading]="isLoading" nz-button class="login-form-button login-form-margin"
         [nzType]="'primary'">登录</button>
     </form>
-    <!-- <p class="role">
-      <a nz-dropdown [nzDropdownMenu]="menu" [nzVisible]="true">
-        {{selectedRole ? selectedRole : '请选择登录角色'}}
-        <i nz-icon nzType="down"></i>
-      </a>
-      <nz-dropdown-menu #menu="nzDropdownMenu">
-        <ul nz-menu nzSelectable>
-          <li nz-menu-item (click)="selecteRole(item)" *ngFor="let item of roleList">{{item}}</li>
-        </ul>
-      </nz-dropdown-menu>
-    </p> -->
     <p class="company">中化石油销售有限公司 版权所有</p>
   </div>
 

src/styles.scss

@@ -1,4 +1,4 @@
-// @import "~ng-zorro-antd/ng-zorro-antd.min.css";
+// @import "./media.scss";
 @font-face {
   font-family: titlefont;
   src: url("./assets/font-family/titlefont.TTF");

src/theme.less

@@ -387,4 +387,13 @@
 
 .maxHeightTreeSelect{
   max-height: 280px;
+}
+
+.cdk-overlay-pane{
+  // position: fixed!important;
+  // top: 47px;
+  // right: 26px!important;
+  // left: none!important;
+ 
+  // width: 88px;
 }