Javascript HTML文件在ElectronJS中加载较小的元素，如何修复？

我目前正在创建我的第一个ElectronJS应用程序。当我尝试加载html（+css）文件时，似乎所有内容都显示得更小

function createWindow() {
const win = new BrowserWindow({
    width: 1000,
    height: 600,
    useContentSize: true,
    webPreferences: {
        nodeIntegration: true
    }
});

win.loadFile('index.html');

如您所见，该窗口为1000x600像素。这就是我运行ElectronJS应用程序时的外观（侧边栏的宽度设置为1000px）

---

宽度为1000px的边栏应该覆盖整个页面，因为窗口也是1000px宽的，对吗？

您最好打开DevTools并检查那里发生了什么。在代码中使用

BrowserWindow.webContents.openDevTools（）

。请发布

index.html

的内容，可能问题出在你的CSSAlso中，这可能是一个缩放状态，你是否尝试过按

Ctrl+0

？@snwflk你是对的，这对我有效。比我想象的要简单！您所能做的最好的事情就是打开DevTools并检查那里发生了什么。在代码中使用

BrowserWindow.webContents.openDevTools（）

。请发布

index.html

的内容，可能问题出在你的CSSAlso中，这可能是一个缩放状态，你是否尝试过按

Ctrl+0

？@snwflk你是对的，这对我有效。比我想象的要简单！