Inline-block 和 float:left 都是CSS布局中常用的属性，它们在某些情况下可以实现类似的效果，但在响应式设计中，它们的表现存在一些显著的差异。

1. 行为模式：
- inline-block：将元素设置为行内块模式。这意味着元素会像行内元素一样排列，但可以设置宽度和高度。在响应式设计中，inline-block 元素会自动适应容器的宽度，但不会像块级元素那样在新的行上开始。
- float:left：将元素向左浮动，直到到达容器的边缘或者遇到另一个浮动元素。在响应式设计中，浮动元素会忽略周围的非浮动内容，直到遇到另一个浮动元素或容器的边缘。

2. 水平对齐：
- inline-block：元素会自动水平对齐。如果父元素设置了 text-align 属性，子元素也会继承该属性。例如，如果父元素的 text-align 属性为 center，那么子元素将水平居中。
- float:left：浮动元素会向左对齐，除非设置了其他对齐属性，如 float:right 或使用 margin、padding 等进行调整。

3. 垂直对齐：
- inline-block：元素的垂直对齐方式取决于其内容。如果内容是多行的，则默认情况下，文本会垂直居中。如果设置了 line-height，则文本会根据 line-height 属性进行对齐。
- float:left：浮动元素的垂直对齐方式不会改变，除非设置了其他属性，如 vertical-align。

4. 换行行为：
- inline-block：如果 inline-block 元素超出了父元素的宽度，它会在父元素中换行显示。
- float:left：如果浮动元素超出了父元素的宽度，它不会在父元素中换行，而是会溢出到父元素之外。

5. 清除浮动：
- inline-block：不需要额外的样式来清除浮动，因为 inline-block 元素不会像浮动元素那样影响布局。
- float:left：如果需要清除浮动，通常需要在父元素中添加 clear:both 样式来防止后续元素被浮动元素“挤出”。

6. 子元素的显示：
- inline-block：子元素会继承父元素的 display 属性，除非特别设置。
- float:left：子元素的 display 属性不会继承，它们会按照自己的 display 属性进行显示。

7. 兼容性和性能：
- inline-block：在现代浏览器中表现良好，但在一些旧版本浏览器中可能存在兼容性问题。此外，过多的 inline-block 元素可能会导致性能问题，因为它们会创建更多的DOM节点。
- float:left：是一个较老的属性，但在大多数浏览器中都有很好的支持。不过，它可能会影响后续元素的布局，尤其是在没有正确清除浮动的情况下。

总结来说，inline-block 和 float:left 在响应式设计中的表现差异主要体现在布局行为、对齐方式、换行行为、清除浮动需求以及子元素的显示方式上。选择使用哪一种方式取决于具体的布局需求和设计目标。