フロントエンドの見出しの部分

-1

www.dzn-studios.comの見出しの部分をデスクトップ上に作成しようとしています。フロントエンドの見出しの部分

高さを調整しようとすると、「％」の値で効果がありません。高さを変更するピクセル値を入力しても、応答性は失われます。初心者の質問には

謝罪しかし、我々はすべてのどこかで右を開始する必要があります！

私はあなただったら、[ask]と[mcve]の作成方法から始めます。 –

応答のおかげでマイク - 私は質問をより理にかなっているようにしようとしました。いくつかの.cssファイルがあるので、私はすべてのコードを含めることはできません。 –

私の答えを編集します何でない場合header.section-headline.homepageのCSSルールに

.section-headline.homepage { 
    height: 100vh; 
    margin-top: -80px; 
}

2016-10-14 21:43:05

ブラウザの幅が1100ピクセル未満になると、動画が全領域をカバーすることはありません。これを修正する簡単な方法はありますか？ –

.section-headline.homepage video {background-size：cover;オブジェクトフィット：カバー;高さ：100％; } –

要素の高さをウィンドウの高さにパーセンテージで設定することはできません。あなたは、javascriptとピクセルで、またはvh単位でそれを行うことができます。ビューポートの高さhttp://www.quirksmode.org/css/units-values/viewport.html –

-1

あなたの質問を正しく理解していれば、パーセンテージは機能していません。この場合、すべての親要素（この場合はbodyとhtml）に100％の高さを設定する必要があります。

例：

html, body { height: 100%; width: 100%; margin: 0; }

div { height: 100%; width: 100%; }

これは、あなたがより明確にしてください求めていると私はあなたがこの宣言を追加します

2016-10-14 21:34:22 wulfhowel

応答のおかげで、私は見出しのセクションにのみ影響を及ぼそうとしています。このようなwww.internationalexecutiveevents.com –

に似私はGoogle devのコンソールで変更しようとしたとき、それはボックスサイジングで％を使用することができないというエラーで戻ってくる：border-box;それが構築されている応答グリッドは、ボーダーボックスで構成されています –

私はそれを固定したと思う、あなたはそれが座っていた正しい方向に私を指摘min-height：100％--pagewrapper：％。それは働いているようでしたか？ lol –

答えて