Экран отрезается при перемещении с ноутбука на монитор Javascript/AngularJS

Когда я перемещаю окно с ноутбука на монитор, я должен обновить страницу, потому что он поддерживает размер представления и отображает белый цвет для нижней половины страницы.

Как определить, что я переместил окно на другой экран и соответствующим образом изменил масштаб страницы?

1 ответ

  1. Как рисуется ваш пользовательский интерфейс? Через Javascript или через HTML/CSS?

    Решение для Javascript:
    При перемещении окна (будучи развернутыми окнами) он пытается изменить свой размер
    помещаться. Вы можете обнаружить это изменение размера с помощью окна.onresize-Eventhandler.

    Вот пример:

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

    Примечание: необходимо реализовать функцию, которая перерисовывает пользовательский интерфейс после определения нового размера.

    Решение для HTML / CSS: просто реализовать адаптивный дизайн. Вот хорошая информация по этой теме: http://www.w3schools.com/css/css_rwd_intro.asp