从笔记本电脑移动到监控 Javascript/AngularJS 时屏幕被切断

Posted 2023-02-26

【中文标题】从笔记本电脑移动到监控 Javascript/AngularJS 时屏幕被切断

【英文标题】：Screen gets cut off when moved from laptop to monitor Javascript/AngularJS

【发布时间】：2016-10-31 21:30:40

【问题描述】：

当我将窗口从笔记本电脑移动到显示器时，我必须刷新页面，因为它保持视图大小并在页面的下半部分显示为白色。

如何检测我已将窗口移动到另一个屏幕并相应地更改页面缩放比例？

【参考方案1】：

您的 UI 是如何绘制的？通过 javascript 还是通过 html/CSS？

Javascript 的解决方案： 移动窗口（作为最大化窗口）时，它会尝试调整自身大小 适合。您可以使用window.onresize-Eventhandler 检测这种大小变化。

这是一个例子：

window.onresize = __resize;
function __resize()  
   var h = window.innerHeight;
   var w = window.innerWidth;

注意：一旦确定了新尺寸，您需要实现一个重新绘制 UI 的函数。

HTML/CSS 解决方案：只需实现响应式设计。以下是有关此主题的好信息：http://www.w3schools.com/css/css_rwd_intro.asp