javascript - 如何让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 .

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

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

将 html 和正文宽度设置为 100%:

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

在 webview css 中设置视口(viewport)相对单位:

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