在平顶山做响应式设计时，`inline-block` 和 `float: left` 这两种布局方式的表现差异主要体现在以下几个方面：

1. **显示方式不同**：
- `inline-block` 元素默认情况下会像文本一样显示，即水平方向排列，直到遇到父元素的宽度限制或遇到换行符。
- `float: left` 则会使元素浮动到左边，直到它的外边缘碰到包含它的元素的边框，或者直到它到达了包含它的元素的宽度。

2. **对齐方式不同**：
- `inline-block` 元素可以通过设置 `vertical-align` 属性来调整元素的垂直对齐方式，默认为 `baseline`。
- `float: left` 元素的垂直对齐方式通常是基于包含它的元素的基线，除非设置了 `clear` 属性。

3. **对其他元素的影响不同**：
- `inline-block` 元素不会像 `float` 元素那样对周围的元素产生影响，即不会造成其他元素向右移动（除非设置了 `clear` 属性）。
- `float: left` 元素会使周围的元素（通常是块级元素）向右移动，以避开浮动元素。

4. **清除浮动的方式不同**：
- 对于 `inline-block` 元素，通常不需要清除浮动，因为它们不会像 `float` 元素那样影响布局。
- 对于 `float: left` 元素，如果需要让后续的元素在其下方正常排列，通常需要使用 `clear` 属性来清除浮动。

5. **布局灵活性不同**：
- `inline-block` 布局方式通常更灵活，因为它不会像 `float` 那样影响页面流，并且可以很容易地通过设置 `width` 和 `height` 属性来调整大小。
- `float: left` 布局方式在需要多个元素并排显示时很有效，但在响应式设计中，如果需要根据屏幕宽度调整布局，可能不如 `inline-block` 灵活。

6. **支持性不同**：
- `inline-block` 布局方式在现代浏览器中得到广泛支持，包括旧版本的IE。
- `float` 布局方式在所有现代浏览器中都有很好的支持，但在旧版本的IE中可能需要额外的hack来解决浮动引起的布局问题。

在实际应用中，选择 `inline-block` 还是 `float` 取决于具体的布局需求和设计目标。例如，如果需要创建一个响应式网格布局，`inline-block` 可能是更好的选择，因为它不会像 `float` 那样破坏布局的流。然而，如果需要精确控制元素的位置，`float` 可能更合适。