Question

我已将ember应用程序中<body>标记的高度设置为100vh。现在在application/template.hbs内，我有一个根<div>。我无法将此根<div>的高度设置为100vh，因为最终呈现应用程序时，dom如下：

<body>
    This is 100% of viewport
    <div id="ember435" class="ember-view">
        This div was automatically generated by ember, and I can't change its height. :/
        <div id="wrapper">This is my div and not 100% of body</div>
    </div>
</body>

Answer 1

默认情况下，

body > .ember-view{ height : 100%; }将包含在所有ember组件中。所以你可以试试下面的

{{1}}

参考资料。 https://github.com/emberjs/ember.js/issues/11486

Answer 2

您可以定义应用的插入点。

//index.html
<body>
    {{content-for "body"}}

    <script src="{{rootURL}}assets/vendor.js"></script>
    <script src="{{rootURL}}assets/client-web-ember.js"></script>

    <div id="my-app"></div>

    {{content-for "body-footer"}}
  </body>

并在

// config/environment.js
ENV.APP.rootElement = '#my-app';

然后根据根元素设置任何样式。

设置ember-view div

2 个答案: