jQuery响应高度

Im使用jQuery Innerfade创建幻灯片。幻灯片位于响应div中，因此幻灯片图像的宽度也会根据设备的分辨率而变化

$('#services_slideshow').innerfade({
    animationtype: 'fade',
    speed: 750,
    timeout: 6000,
    type: 'sequence',
    containerheight: '228px'
});

<div id="services_slideshow">
    <img src="images/ss_6.jpg">
    <img src="images/services_four.jpg">
</div>
<p>
This is the text that follows the slideshow
</p>

$（“#服务_幻灯片放映”）.innerfade({
animationtype:“淡入淡出”，
速度：750，
超时：6000，
类型：'序列'，
集装箱重量：“228px”
});

这是幻灯片后面的文本

上面的containerheight在桌面上看起来不错，但是当你在iPad上观看时，幻灯片图像的宽度现在变小了，但是containerheight保持在228px，导致幻灯片图像和文本之间存在巨大的差距

我试图将集装箱重量设置为“自动”，但没有成功

---

如何设置containerheight以在分辨率发生变化时进行调整？

您是否可以提供一个JSFIDLE来显示问题？