Eu usei Chris CoyiersBlocos de altura iguais em linhas jQuery script muitas vezes antes, e sempre funcionou muito bem.

Dito isto, sempre desenvolvi sites criados para uma resolução específica. Desta vez, estou desenvolvendo um site responsivo e o contêiner principal tem uma largura de fluido. Como tal, encontrei um problema e não consigo encontrar uma solução para o meu problema.

Em seu post, Chris diz isso sobre larguras de fluidos:

E quanto à largura do fluido? Um dos principais pontos de não usar uma tabela para isso é que os divs flutuantes podem se reorganizar com base no espaço horizontal disponível, o que é bom para a largura do fluido. Podemos ajustar o código acima para lidar com isso também. Basicamente, a primeira vez que isso é executado, vamos medir a altura de cada bloco e lembrá-lo com o método data () do jQuery. Em seguida, quando a janela for redimensionada, execute o código novamente, mas use o tamanho original para ajustar as linhas, não o novo tamanho.

Observe que ele está referenciando especificamente um contêiner de largura de fluido. No meu caso, não é apenas o container, mas os elementos filhos que também têm larguras de fluidos. Os blocos que preciso equalizar são os mesmos blocos que têm larguras de fluido e se ajustam à resolução da janela / container.

Acredito que, como o 'originalHeight' do elemento é alterado com o tamanho do contêiner, o script não funcionará mais corretamente.

Minha especulação pode estar errada, mas de um jeito ou de outro isso não está funcionando com elementos de largura de fluido. Procurando por alguma ajuda!

Claro, aqui está umjsfiddle Eu criei para demonstrar o problema. Apenas redimensione a largura da janela e você notará que as alturas dos contêineres não são atualizadas.

Estou executando o código a seguir para chamar a função no evento de redimensionamento da janela:

$(window).resize(function() {
    columnConform();
});

desde já, obrigado