ember-view divのCSSプロパティを設定

私のemberアプリケーションの<body>タグの高さを100vhに設定しました。私のapplication/template.hbsの中に、私はそこに根<div>を持っています。私は、アプリケーションが最終的にレンダリングされるときに、次のように、DOMがあるので100vhに、このルート<div>の高さを設定することができないよ：ember-view divのCSSプロパティを設定

<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>

出典

2017-01-17 omerjerk

.ember-view {height：100％;}でCSSを追加する際の問題点は何ですか？ }？ –

emberのすべてのビューに 'ember-view'クラスがあります。これにより、すべてのビューが100％になります。私はそれが欲しいとは思わない、 – omerjerk

複数のビューを持っている場合は、他のクラスと区別するために、いつでも追加の特定のクラスを任意のビューに適用できます。 –

.ember-viewは、デフォルトでは、すべての燃えさしコンポーネントに含まれます。あなたは以下を試すことができます

body > .ember-view{ 
    height : 100%; 
}

詳細については、参照してください。 https://github.com/emberjs/ember.js/issues/11486

出典

2017-01-17 11:43:13 kumkanillam

私は、あなたの唯一の解決策だと思います。 – omerjerk

アプリの挿入ポイントを定義できます。

//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';

次にスタイル何で

。

出典

2017-01-17 11:53:29

ember-view divのCSSプロパティを設定

答えて

関連する問題