Electron 电子浏览器窗口最小宽度在windows上不受尊重_Electron

Electron 电子浏览器窗口最小宽度在windows上不受尊重

electron

Electron 电子浏览器窗口最小宽度在windows上不受尊重,electron,Electron,有人遇到同样的问题吗？在linux/mac上，下面的代码可以很好地工作，但在windows上，浏览器窗口在指定的最小宽度下约为14px，当它不应该在那里时，会添加一个水平滚动条只要使用此代码，您就可以看到问题所在。（请注意，您可以将任何url放在其中，也可以取出webview，只需将一些内容放在指定的minWidth下即可）这里是Main.js 这里是index.html html，正文{高度：100%；边距：0；} 身体{ 显示器：flex；柔性流动：柱；背景：ddd； } 网络

有人遇到同样的问题吗？在linux/mac上，下面的代码可以很好地工作，但在windows上，浏览器窗口在指定的最小宽度下约为14px，当它不应该在那里时，会添加一个水平滚动条

只要使用此代码，您就可以看到问题所在。（请注意，您可以将任何url放在其中，也可以取出webview，只需将一些内容放在指定的minWidth下即可）

这里是Main.js

这里是index.html


html，正文{高度：100%；边距：0；}
身体{
显示器：flex；
柔性流动：柱；
背景：ddd；
}
网络视图{flex:1；}

使用

useContentSize:true如何

？哇，真管用。我向electron提交了一个bug，minWidth不受尊重，但同时将使用它。感谢这可能是预期的行为，但开发人员将在您的问题中说明他们对此的立场；）供日后参考：

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

let mainWindow;

app.on('window-all-closed', () => { app.quit(); });

app.on('ready', () => {

    mainWin = new BrowserWindow({
        width: 400,
        height: 600,
        minWidth: 300,
        minHeight: 400
    });
    mainWin.loadURL('file://`' + __dirname + './index.html');
});

<!DOCTYPE html>
<html>
    <head>
    <style>
       html, body { height: 100%; margin: 0; }
       body {
         display: flex;
         flex-flow: column;
         background: #ddd;
       }

       webview { flex: 1; }
    </style>
    <body>
      <webview src="www.github.com"></webview>
    </body>
</html>