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

【问题标题】：Screen gets cut off when moved from laptop to monitor Javascript/AngularJS从笔记本电脑移动到监控 Javascript/AngularJS 时屏幕被切断
【发布时间】：2016-10-31 21:30:40
【问题描述】：

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

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

【问题讨论】：

标签： javascript jquery angularjs google-chrome view

【解决方案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

【讨论】：