如何去除NWJS无边框应用窗口周围的多余内边距/边框？

针对你使用nwjs-sdk-v0.87.0-linux-x64开发无边框应用时，窗口周围出现5px边框的问题，结合你的代码给出以下解决步骤：

1. 修正package.json窗口配置 #

你的配置存在两个关键问题：

• 缺少use_content_size: true：当设置frame: false时，NWJS默认的width/height会包含系统窗口框架尺寸，开启该属性后，width/height将直接对应应用内容区域大小，避免额外边框空间。
• max-width格式错误：JSON配置需使用下划线命名max_width，而非短横线。

修改后的package.json窗口部分：

"window": {
    "icon": "./RESOURCES/VISUALS/FAVICON.png",
    "title": "AtomSpace Calculator App",
    "show_in_taskbar": true,
    "position": "center",
    "transparent": false,
    "resizable": false,
    "toolbar": false,
    "frame": false,
    "use_content_size": true,

    "width": 400,
    "min_width": 400,
    "max_width": 400,

    "height": 500,
    "min_height": 500,
    "max_height": 500
}

2. 完善页面样式 #

你的Sass代码遗漏了margin: 0，同时需要确保html和body占满整个窗口区域：

html, body
    border: none
    outline: none
    padding: 0
    margin: 0

    width: 100%
    height: 100%

    background-color: #444
    color: #fff

    overflow: hidden

（注：CSS中无padding: none写法，需改为padding: 0）

3. Linux窗口管理器兼容处理 #

若上述修改后仍有边框，可能是Linux桌面环境的窗口管理器默认给无框架窗口添加了边框，可尝试：

• 启动应用时添加命令行参数：--disable-gpu --disable-gpu-compositing，禁用GPU加速解决部分渲染问题。
• 在package.json的window配置中添加type: "utility"，将窗口标记为工具类窗口，部分窗口管理器会移除这类窗口的默认边框。

内容的提问来源于stack exchange，提问作者Dustin Angeletti