移动设备上的HTML行距不均匀高度

Question

我正在使用一个使用rowspan的表，因为rowspan应用于行的第一列，其他列有多行..我已使应用程序响应，因此它适用于移动设备也是..

当我调整大小时，行高度均匀分布，如下图所示

但在iPhone和iPad上它看起来像这样。我在iPad和iPhone上的Chrome和Safari中测试了它们。结果相同..我在Android设备上试过它，效果很好。

好吧，因为我希望HTML能够均匀地调整它。我也不能控制样式。知道为什么会这样吗？

示例演示 - http://jsfiddle.net/rahulrulez/cseuj5tu/1/

如果您知道，请提供帮助。