Inline-block 和 float:left 都是 CSS 布局中用于创建块级元素的常见方法，它们在响应式设计中的表现存在一些差异。

1. **display: inline-block**
- **布局方式**: inline-block 元素会像内联元素一样排列，但是它们可以设置宽度和高度。
- **水平对齐**: inline-block 元素会继承父元素的文本对齐方式，这意味着你可以通过设置父元素的 text-align 属性来控制子元素的水平对齐方式。
- **垂直对齐**: inline-block 元素的垂直对齐方式通常由浏览器默认设置决定，例如，大多数浏览器会默认将行内块元素的基线对齐。
- **换行**: inline-block 元素不会导致文本换行，除非它们的宽度大于父元素的宽度。
- **响应式设计**: 在响应式设计中，inline-block 元素可以很容易地根据父元素的宽度调整大小，但它们不会自动调整间距来适应不同的屏幕尺寸。

2. **float: left**
- **布局方式**: float:left 会使元素浮动到左边，直到遇到父元素的边界或者遇到另一个浮动元素。
- **水平对齐**: float:left 元素会忽略父元素的 text-align 属性，除非结合使用 clear 属性。
- **垂直对齐**: float:left 元素的垂直对齐方式通常由浏览器默认设置决定，类似于 inline-block 元素。
- **换行**: float:left 元素可以导致文本换行，如果它们的宽度大于父元素的宽度。
- **响应式设计**: 在响应式设计中，float:left 元素需要通过媒体查询来调整浮动元素的宽度，以确保它们在不同的屏幕尺寸下仍然排列得当。此外，浮动元素可能会导致“浮动怪异”问题，即父元素的底部没有正确对齐，这在响应式设计中需要特别注意。

总结来说，inline-block 通常更适用于响应式设计，因为它们可以根据父元素的宽度自动调整大小，并且可以通过 text-align 属性来控制水平对齐。然而，float:left 可能需要更多的手动调整，尤其是在不同的屏幕尺寸下，但它在某些情况下可能更灵活，比如需要精确控制元素的位置时。