在响应式设计中，`inline-block` 和 `float: left` 这两种布局方式的表现差异主要体现在布局的灵活性、适应性和对父元素的影响上。

1. 布局灵活性：
- `inline-block` 元素可以水平排列，也可以垂直排列，它们会像文本一样在父元素中自适应排列，这使得创建多列布局更加容易。
- `float: left` 通常用于创建左右并排的布局，对于垂直排列则不太适用。

2. 适应性：
- `inline-block` 元素可以更好地适应父元素的宽度，因为它们会在一行中尽可能多地排列，直到填满父元素的宽度，然后开始新的一行。
- `float: left` 的元素可能会在父元素中留下空白，因为浮动元素不会影响其周围的文本或其他非浮动元素。

3. 对父元素的影响：
- `inline-block` 元素不会像 `float` 元素那样对父元素的布局产生影响，父元素可以正常包裹子元素。
- `float: left` 的元素会使父元素失去对它的控制，除非清除浮动（clearfix），否则父元素的 height 不会自动适应浮动元素的高度。

4. 清除浮动：
- 对于 `float: left` 的元素，如果需要清除浮动（例如，在浮动元素下方添加内容），需要使用 `clear: both` 或者 clearfix hack。
- `inline-block` 元素不需要清除浮动，因为它们不会像浮动元素那样影响父元素的布局。

5. 水平对齐：
- `inline-block` 元素可以通过设置 `text-align` 属性来控制水平对齐方式。
- `float: left` 的元素通常需要通过调整 margin 或 padding 来对齐，或者使用辅助布局元素来达到对齐效果。

总结来说，`inline-block` 布局方式更加灵活，适应性更强，且不会影响父元素的布局，因此在响应式设计中，`inline-block` 通常比 `float: left` 更受欢迎。然而，具体选择哪种布局方式取决于设计需求和元素在页面中的具体用途。