javascript - Electron 窗口尺寸与屏幕分辨率

Question

我刚刚开始使用 Electron，我不太确定我是否理解 BrowserWindow 对象的尺寸。我当前的屏幕分辨率是 2880x1800，但如果我创建一个 1024x768 的 BrowserWindow，它几乎会填满整个屏幕(见下文)，而内容显然会被放大。

作为引用，顶部的蓝色条由 CSS 设置为只有 150px...

mainWindow = new BrowserWindow({
  width: 1024,
  height: 768
});

究竟发生了什么以及我如何才能获得匹配的解决方案？

Answer 1

感谢 @pergy 的评论指出视网膜显示器具有不同的像素比例因子，并且 Electron 在计算中使用该因子，我成功地通过获取该因子并使用它来确定窗口的尺寸来解决问题以及 WebView 的缩放系数。

这是我的解决方案:

  let factor = screen.getPrimaryDisplay().scaleFactor;

  // Create the browser window.
  mainWindow = new BrowserWindow({
    width: 1024 / factor,
    height: 768 / factor,
    webPreferences: {
      zoomFactor: 1.0 / factor
    }
  });