在网页设计中，尤其是在响应式设计中，元素的布局方式对于适应不同的屏幕尺寸和设备类型至关重要。Inline-block 和 float:left 都是用于布局的常见CSS属性，但它们的表现和适用场景有所不同。

1. **display: inline-block**
- **行为**: 元素以 inline 方式显示，这意味着它们不会产生新行，而是与其他内联元素（如文字）一起排列在同一行。同时，inline-block 元素拥有块级元素的特性，即它可以设置宽度和高度，以及接受内边距和外边距。
- **对齐**: inline-block 元素可以通过设置 vertical-align 属性来调整它们的垂直对齐方式，但是水平对齐通常是基于文本的，这意味着如果父元素没有设置 text-align，那么 inline-block 元素将继承 body 元素的 text-align 属性。
- **换行**: inline-block 元素不会自动换行，除非它们到达父元素的边缘或者遇到一个需要新行的元素。
- **适用场景**: inline-block 适合需要保持水平排列，同时又需要块级元素特性的情况，比如在一个导航栏中排列多个链接。

2. **float: left**
- **行为**: 浮动元素会从正常的文档流中移除，并将其放置在父元素的左边。如果另一个元素也浮动，它们会堆叠起来，除非设置了 clear 属性。
- **对齐**: float 属性不控制对齐方式，它只控制元素的位置。要控制对齐，需要使用其他属性，如 text-align 或 margin。
- **换行**:当浮动元素到达父元素的边缘时，后续的元素会自动换行。
- **适用场景**: float 常用于创建布局中的浮动栏，比如侧边栏或头像。

在响应式设计中，这两种布局方式的表现差异主要体现在对不同屏幕尺寸的适应性上：

- inline-block 元素在响应式设计中通常更容易处理，因为它们可以很容易地根据父元素的宽度调整大小，从而实现自适应布局。
- float:left 元素在响应式设计中可能需要更多的hack来处理它们与其他元素的相对位置，尤其是在断点变化时。

总结来说，inline-block 通常提供更好的响应式布局特性，因为它可以更好地适应容器的大小。而 float:left 则更适合创建固定宽度的浮动元素，但在响应式设计中可能需要额外的布局调整。