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

1. **display: inline-block**
- `inline-block` 会让元素以行的形式排列，就像文字一样，但是每个元素都可以设置宽度和高度。
- 使用 `inline-block` 的元素会水平排列，直到一行放不下时才会换行，这与 `display: inline` 类似，不同之处在于 `inline-block` 可以设置宽度和高度。
- `inline-block` 元素不会产生空白符（white space），这意味着在 HTML 中相邻的 `inline-block` 元素会紧挨着排列，不像 `inline` 元素那样会有空白符间隙。
- 对于响应式设计，`inline-block` 通常更易于使用，因为它可以更好地适应不同的屏幕尺寸，并且可以通过媒体查询来调整元素的宽度。

2. **float: left**
- `float: left` 会让元素向左浮动，直到它的边缘碰到包含它的元素的边缘，或者直到它达到包含它的元素的宽度为止。
- 浮动元素会脱离文档流，这意味着它不会影响后续元素的位置。
- 使用 `float` 进行布局时，通常需要清除浮动（clearfix），以防止父元素被浮动元素抬高。
- 在响应式设计中，`float` 通常需要配合 `width` 属性来设置元素的宽度，并且可能需要复杂的布局技巧来适应不同的屏幕尺寸。

总结来说，`inline-block` 更适合响应式设计，因为它可以更好地适应不同的屏幕尺寸，而 `float: left` 则需要更多的布局技巧和清除浮动的处理。不过，在实际应用中，响应式设计通常会结合多种布局技术，以达到最佳的适应性和用户体验。