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

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

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

解决方法:

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

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

针对此问题提出了一些css解决方法可能会有所帮助：

将html和body宽度设置为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;
}