高さ - スロー

Question

私のコンテキスト

IINMをレンダリングするには、割合の高さは、高さを計算する際、親の彼の高さが利用可能であることを前提としています。

私はDrupalのウェブサイトでは

header{ 
    width: 100%; 
    height:100%; // This height is what I'm talking about 
    font-size: 7em; 
    background: url(../images/landing_image.jpg) no-repeat; 
    background-size: cover; 
} 

以下のようにスタイル設定され、私は並べ替えの意図しない副作用を持っているCSSファイルを圧縮/組み合わせかもしれませんheaderの背景画像を持っています。つまり、親の身長は100% of parent's heightが計算された時点では利用できない可能性があります。可能な回避策は何ですか？ビューポートの高さの高さを指定できますか？

また、私はvh単位を完全に理解していませんでした。それはどのように機能するのですか？

Answer 1

高を指定する他の方法はわかりませんが、％は差をつけてはいけません。それが遅くなっても、ほんの少しのマイクロ秒しか話されません。

個人的には、より良い解決策を見つけるために余計に必要な作業量を考えれば、私は心配しません。

あなたがもう一度質問した後に、CSSを使用してさらに高速にレンダリングできる方法があると言われています。

これは、親の高さを見つける必要なく、ページ全体をカバーするヘッダーを設定します。