electron packager以奇怪的白色边距呈现css。如何调试和修复此问题？

我的电子封装器以一种非常奇怪的方式呈现css。在软件包应用程序中，实际应用程序周围有一个奇怪的白色边框，内容窗口只有其应有空间的50%：

在早期的版本中，这是可行的，所以我不确定是哪个更改导致了这种情况。为了进行比较，这是应用程序在开发模式下的外观：

如何修复和调试此问题？我试着将electron debug与chrome dev工具集成到打包的应用程序中，但似乎我在集成它时做错了什么

    function createWindow () {
  /**
   * Initial window options
   */
  mainWindow = new BrowserWindow({
    height: 1080,
    useContentSize: true,
    width: 1920
  })

  mainWindow.loadURL(winURL)

  mainWindow.on('closed', () => {
    mainWindow = null
  })
}

require('electron-debug')({showDevTools: true})

app.on('ready', createWindow)

PS：我的techstack基于我为网格系统和ui控件添加的样板文件。应css的要求：

app.vue

<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<style>
  /* CSS */
  html, body {
      height: 100%;
      margin: 0;
      padding: 0;
      font-family: "Helvetica Neue", Helvetica;

  }
    #app {
        height: 100%;
        margin: 0;
        padding: 0;
    }

</style>

---

经过几个小时的困惑，我解决了这个问题。我的#包装器设置是使用锅炉板登录页上的#包装器css设置编写的

由于某些原因，这些在构建期间应用，但在开发期间不应用

在样式标记中添加“scoped”解决了这个问题

<style scoped>

需要查看css。似乎

html，正文{margin:0；padding:0}

正在丢失/未应用。或者，如果您使用的是类似于引导的东西，那么您没有正确地应用这些类。

<style scoped>