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

Question

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

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

Answer 1

您的用户界面是如何绘制的？通过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