Javascript 设置余烬视图div的CSS属性_Javascript_Html_Css_Ember.js

Javascript 设置余烬视图div的CSS属性

javascript html css ember.js

Javascript 设置余烬视图div的CSS属性,javascript,html,css,ember.js,Javascript,Html,Css,Ember.js,我已将余烬应用程序中的标记高度设置为100vh。现在在我的应用程序/template.hbs中，有一个根。我无法将此根的高度设置为100vh，因为最终呈现应用程序时，dom如下所示： <body> This is 100% of viewport <div id="ember435" class="ember-view"> This div was automatically generated by ember, and I can'

我已将余烬应用程序中的

标记高度设置为

100vh

。现在在我的

应用程序/template.hbs

中，有一个根

。我无法将此根

的高度设置为

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>


这是视口的100%
此div由ember自动生成，我无法更改其高度：/
这是我的部门，不是100%的身体

。默认情况下，所有余烬组件都将包含余烬视图。所以你可以试试下面的方法
body > .ember-view{
  height : 100%;
}

有关信息，请参阅
 您可以定义应用程序的插入点
//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>

然后根据根元素设置任何样式。
添加带有.ember视图{height:100%；}的CSS有什么问题？ember中的所有视图都有ember视图类。这将导致所有这些视图都是100%。我不想这样，如果你有多个视图，你总是可以对任何视图应用一个额外的特定类来区分它们。我想，你的是唯一的解决方案。
// config/environment.js
ENV.APP.rootElement = '#my-app';