NW.js 为什么 webview 标签没有填充 window 布局？

Question

新世界JS版本：0.50.3 操作系统：Windows 10

我使用标签 <webview> 和 Google 作为来源。它呈现了，但 webview 没有填满所有 window.

我的index.html代码：

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
    <style>
        #foo {
          height:100%;
          width:100%;
          margin: 0;
        }
    </style>
  </head>
  <body>
    <webview id="foo" src="https://www.google.com/"></webview>
  </body>
</html>

我的package.json代码：

{
  "name": "helloworld",
  "main": "index.html"
}
```[enter image description here][1]


  [1]: https://i.stack.imgur.com/uxZi1.png

Answer 1

这只是正常的 CSS 事情。 height: 100% 并不表示“页面的 100%”，它表示“parent 的高度的 100%”`。在这种情况下，parent 的高度基于 child 的内容。

html,
body,
#foo {
    width: 100%;
    height: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

NW.js 为什么 webview 标签没有填充 window 布局？

NW.js Why webview tag not fill window layout?

node-webkit