如何根据屏幕分辨率调整应用的高度和宽度

Question

我需要简化一个应用程序的电子显示，在那里的应用程序将缩小其尺寸，如果显示器较小，例如笔记本电脑显示器或大尺寸显示器，如iMac。如果应用程序在笔记本电脑上运行，则大小应小于应用程序的实际大小。我尝试了webPreference应用程序接口中的ZoomFactor，但它并不像我预期的那样工作。

任何帮助都将不胜感激，提前谢谢。

Answer 1

创建BrowserWindow之后，您应该调用maximize()

mainWindow1 = new BrowserWindow();
mainWindow1.loadFile(htmlPath);
mainWindow1.maximize();

https://electronjs.org/docs/api/browser-window#winmaximize

摘自- How to make window size responsive in Electron. (On the opening of the app)

Answer 2

对于您的用例(如果我理解的话)，您可以使用screen在启动时确定屏幕的大小，然后适当地调整窗口的大小。

const { app, BrowserWindow, screen } = require('electron')

let win
app.whenReady().then(() => {
  const { width, height } = screen.getPrimaryDisplay().workAreaSize
  win = new BrowserWindow({ width, height })
  win.loadURL('https://github.com')
})