html - 在不使用 calc() 的情况下按比例缩放 div 和图像

Question

我正在尝试按比例缩放 div 及其旁边的图像。（这样图像总是 50% 宽度，高度按比例缩放，并且 div 需要在高度和宽度上表现得完全相同）

我的代码示例可能更容易理解：http ://codepen.io/anon/pen/myKZJE?editors=110

.actualcomments{
    max-height: calc(100% - 60px);
    overflow: auto;
}

请注意，它比上面的要复杂一些，我还需要将 div 包装 3 次。

问题 = IE 有时会执行 calc()，但有时会忽略 calc，所以布局一团糟。我可以在不使用 calc() 方法的情况下获得相同的效果（div 与图像一起缩放）吗？

提前致谢。