调整大小时的相等高度列（WordPress）

Question

我使用以下代码，该代码非常适合在加载时创建相同高度的列，但是在调整浏览器大小或更改设备方向时，我遇到了问题。

＆＃13;

＆＃13;

//Set equal height columns
(function($) {
	if ($(window).width() > 414) {

        // Select and loop the container element of the elements you want to equalise
        $('#contact-dept').each(function(){  

          // Cache the highest
          var highestBox = 0;
          
          // Select and loop the elements you want to equalise
          $('.vc_col-sm-4', this).each(function(){

            // If this box is higher than the cached highest then store it
            if($(this).height() > highestBox) {
            	highestBox = $(this).height(); 
            }
        });  
          
          // Set the height of all those children to whichever was highest 
          $('.vc_col-sm-4',this).height(highestBox);              
    }); //End Loop
  }; //End Media Query
})(jQuery);

＆＃13;

＆＃13;

＆＃13;

有关如何触发此操作以调整大小的任何建议。我确实尝试了jQuery .rezize（）的一些变体，但无法开始工作（我是js的新手）。

非常感谢。

Answer 1

用CSS解决这个问题比较容易。使用display：table作为父级，display：table-cell作为列。您不再需要jQuery代码，浏览器将为您处理布局。