javascript - を確保する高さは、更新時のビューポートの高さと一致します

Question

<section>各ページの再読み込み時にビューポートの高さと一致するように a の高さを取得しようとしています。ユーザーがウィンドウのビューポートのサイズを変更しても、高さはその<section>高さを維持する必要があります。

つまり、ビューポートの高さが 450px の場合、 は 450px に設定されます。ビューポートが 465px に増加すると、450px のままになります。

ありがとう、

Answer 1

単純に使用します：

$('section').height(function(){
    return $(window).height();
});

JS フィドルのデモ。

または、より単純に、次を使用します。

$('section').height($(window).height());

JS フィドルのデモ。

heightこれにより、 がビューポートの高さ、または少なくとも の高さに明示的に設定されwindowます。resizeビューポートのイベントにバインドしない限り、変更しないでください。