Css Chrome中的图像高度缺陷

有人能解释一下吗？图像高度在Chrome中无法正确渲染，但在其他浏览器中效果很好。。。“RIDM”部分的第一个图像就是这个问题的一个很好的例子

这是我的网站：

它可能与以下Jquery命令有关：

$(window).on('load',function(){
$('section img').each(function(){
    if ($(this).width()/$(this).height() >= 1) {
        $(this).addClass('landscape');
    } else {
        $(this).addClass('portrait');
    }
});

---

这是因为在图像上设置了

max height

；他们停在550px

而不是：

section img.portrait {max-height:550px; width:auto; height:100%;}

你可以试试：

section img.portrait { width:100%; height:auto;}

由于高度百分比是基于父元素大小工作的，因此如果要保持最大高度550px，应将父元素550px设置为高，因此：

section ul li{
    height: 550px;
}

section img.portrait{
    width: auto;
    height: 100%;
    max-height: 550px;
}

---

我得到三个404未找到和20个验证错误。我确实需要保持550px的最大高度，但chrome似乎不喜欢“最大高度：550px；”指挥部。即使我删除了“高度：100%；”