在响应式设计中，`inline-block` 和 `float: left` 都是用于布局的常见方法，但它们的表现和适用场景有所不同。

1. 表现差异：
- `inline-block` 元素默认行为类似于文本中的字符，即它们在水平方向上并排显示，在垂直方向上则按照基线对齐。这意味着如果父元素没有设置高度，`inline-block` 元素将不会为它们的内容分配高度。此外，`inline-block` 元素不会像块级元素那样自动换行，除非设置了 `white-space: nowrap` 或者设置了 `overflow: hidden` 并设置了宽度。
- `float: left` 则会使元素浮到左边，直到遇到父元素的边缘或另一个浮动元素。浮动元素会脱离文档流，这意味着它不会影响周围元素的布局，除非它们也浮动了。浮动元素的基线不会对齐，除非有额外的样式设置。

2. 适用场景：
- `inline-block` 通常用于需要元素水平排列且不希望它们影响周围元素布局的情况。例如，在导航菜单中，你可能希望每个列表项都是 `inline-block`，以便它们水平排列，但又不希望它们导致列表本身变宽。
- `float: left` 则常用于创建浮动布局，比如图片旁边有文字描述的布局。在这种情况下，图片会浮动到左边，而文字则在其下方 flow 布局。

3. 响应式设计的考虑：
- 在响应式设计中，`inline-block` 通常更易于处理，因为它们的布局不会影响周围元素，而且它们可以很好地适应不同的屏幕尺寸。
- `float: left` 在响应式设计中可能需要更多的额外样式来处理断点变化。例如，你可能需要在不同屏幕尺寸下清除浮动，或者调整浮动元素的宽度以适应新的布局。

总结来说，`inline-block` 通常更适用于响应式设计，因为它不会破坏文档流，并且更容易在不同的屏幕尺寸下对齐和排列元素。而 `float: left` 则更适合创建特定的浮动布局，但在响应式设计中可能需要更多的维护工作。