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

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'并没有说出最终的窗口大小; 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;
}