Inline-block 和 float:left 是 CSS 中两种不同的布局方式，它们在响应式设计中的表现存在一些差异。

1. 默认行为不同：
- inline-block 元素默认情况下会像内联元素一样排列，即水平方向排列，但它们可以设置宽度和高度。
- float:left 会使元素向左浮动，直到它的边缘碰到包含框的边缘或另一个浮动元素的边缘。

2. 定位方式不同：
- inline-block 元素可以看作是inline和block的混合体，它们可以设置宽度和高度，并且可以垂直对齐，但它们在默认情况下不会像块级元素那样自动换行。
- float:left 会使元素脱离文档流，这意味着它不会影响其他非浮动元素的布局，但需要通过 clear 属性来让后续的元素知道何时重新回到文档流中。

3. 清除浮动的方式不同：
- 对于 inline-block 元素，可以通过设置 display: block 来清除浮动，或者使用 clearfix hack。
- 对于 float:left 元素，通常需要在其后的元素上添加 clear: both 来清除浮动。

4. 适应性不同：
- inline-block 元素在响应式设计中通常更灵活，因为它们可以很容易地根据父元素的宽度来调整大小，并且可以通过媒体查询来调整它们的布局。
- float:left 元素在响应式设计中可能需要更多的 clearfix 来处理浮动带来的问题，并且在调整大小时可能需要清除浮动或者重新定位浮动元素。

5. 支持性不同：
- inline-block 属性在所有现代浏览器中都有很好的支持。
- float:left 属性在所有主流浏览器中都有很好的支持，包括较旧的版本。

总结来说，inline-block 布局方式通常更适用于响应式设计，因为它更灵活，更容易与媒体查询结合使用。而 float:left 则可能需要更多的清理工作，尤其是在处理浮动元素的布局时。在实际应用中，通常会结合使用这两种属性来达到理想的布局效果。