Question

我尝试将Electron WebView添加到基本应用程序并在其上设置minwidth和minheight，如下所示。当它加载时它总是最终为784px X 150px

<webview id="webpage" src="https://www.duckduckgo.com/" autosize="on" minwidth="800px" minheight="1200px"></webview>

Answer 1

这也是其他人报道的问题。在原子讨论中webview autosize。

似乎＆＃39; autosize＆＃39;没有说出最终的窗口大小; css参数可能会干扰并改变结果。

针对此问题提出了一些可能有用的css解决方法：

将html和body width设置为100％：

html, body {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
}

在webview css中设置视口相对单位：

webview {
  display: block;   /* iframes are inline by default */
  border: none;     /* Reset default border */
  height: 80vh;     /* Viewport-relative units */
  width: 95vw;
}

Answer 2

尝试一下：

<div style="width:100%; height:100%">
    <webview src="https://www.google.com/" autosize="on" style="min-width:900px; min-height:1200px"></webview>
</div>

如何使Electron WebView填充指定大小？

2 个答案: