文章内容

2020/7/5 16:07:14,作 者: 黄兵

Angular6 获取屏幕宽度

最近需要在Angular开发中适配手机屏幕,需要知道屏幕宽度,具体代码如下:

初始化的时候获取屏幕宽度:

public innerWidth: any;
ngOnInit() {
    this.innerWidth = window.innerWidth;
}

如果屏幕产生了旋转,或则在浏览器测试情况下,屏幕宽度变化:

@HostListener('window:resize', ['$event'])
onResize(event) {
  this.innerWidth = window.innerWidth;
}


参考资料:

1、Detecting real time window size changes in Angular 4

分享到:

发表评论

评论列表