css - 无法显示完整的浏览器高度

Question

我的代码不使用 jQuery 代码显示浏览器全高链接——https://goo.gl/RG60n1

这是我的 html --

      <div class="container contentContainer">

            <div class="row">

            <div class="col-md-6 col-md-offset-3" id="topRow">

                <h1>Get Work. Done</h1>

            </div>
        </div>
     </div> 

这里是 CSS --

  .contentContainer
        {
            background-image:url('laptop1.jpg');
            height:400px;
            width:100%;
            background-size:cover;
        }

和jquery——

    <script>

        $(".contentContainer").css("height",$(window).height());

   </script>

我正在使用 jQuery 1.11.2 最小版本

Answer 1

打开 jQuery! jsfiddle.net/ntmd7c31

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script‌​>