Просмотр высоты в Electron несовместим с масштабированием Windows на двух разных ноутбуках с одинаковым разрешением - PullRequest
0 голосов
/ 12 декабря 2018

CSS:

body {
      margin: 0;
      padding: 0;
      width: 100vw;
      height: 100vh;
      position: relative;
    }

    .example {
      position: absolute;
      width: 60px;
      left: calc(50vw - 30px);
      bottom: 20px;
    }

На моем персональном ноутбуке и большинстве ноутбуков, которые я тестировал до сих пор (разрешение 1920x1080), div .example расположен правильно в 20 пикселях от нижней части окна.

Тем не менее, мой ноутбук боссов показывает пример, обрезанный внизу экрана.Это ниже, чем должно быть.

Размер тела выше, чем 100vh, когда в Window включено встроенное масштабирование окна.У него установлено масштабирование 150%.

Когда я использую те же настройки на своем ноутбуке (1080p, 150% масштабирование), все выглядит так, как должно.

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

edit: это приложение на базе Electron, полноэкранное без рамки, если это полезно для чего-либо.

1 Ответ

0 голосов
/ 12 декабря 2018

Это закончилось тем, что я оплошал, и на самом деле это была проблема с электронами (не css).У меня был определен минимальный размер окна, который должен был быть закомментирован, поэтому, так как не хватало пикселей для высоты экрана, само окно растягивалось за пределы экрана.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...