使用全高度内容

Question

我已经制作了这段代码：

http://codepen.io/FelipeMartinin/pen/xHpqJ

我制作了一个代码，使内容具有相同的窗口高度。但我希望当窗口宽度小于768px时他会停止这样做。可以帮我这么做吗？提前谢谢

jQuery(document).ready(function($) {    
    $(window).on("resize", function () {
        $('.featuredContent').height($(window).height() - $(".header").height());
     }).resize()
  });

Answer 1

您可以在设置高度之前添加if ($(window).width() > 768)：

jQuery(document).ready(function($) {    
  $(window).on("resize", function () {
     if ($(window).width() > 768)
       $('.featuredContent').height($(window).height() - $(".header").height());
  }).resize();
});

Answer 2

jQuery(document).ready(function($) {
  $(window).on("resize", function () {
  if ($(window).width() < 768) {return;}
  $('.featuredContent').height($(window).height() - $(".header").height());
  }).resize();
});