Autoprefixer 移除对 flex-start/end 的混合支持警告

在 CSS 布局中，justify-content 和 align-items 等属性用于控制 flex 容器中子元素的排列方式。长期以来，开发者在使用这些属性时面临一个选择：使用带 flex- 前缀的值（如 flex-start 和 flex-end）还是使用更简洁的 start 和 end。

Autoprefixer 作为一个流行的 CSS 后处理器，自 2018 年起就对使用 start/end 而非 flex-start/flex-end 的情况发出"混合支持"警告。这一警告基于当时浏览器对这些新值的支持还不够广泛。然而，随着时间推移，浏览器支持情况已经发生了显著变化。

根据最新的浏览器兼容性数据，start/end 值的支持率已达到 94%，这意味着绝大多数现代浏览器都已支持这些值。更重要的是，开发者社区发现 start/end 和 flex-start/flex-end 不仅仅是语法上的区别，它们在行为上也有重要差异。

关键的技术区别在于：start/end 会根据 flex-direction 属性自动调整其逻辑方向，而 flex-start/flex-end 则始终保持物理方向。例如，在 flex-direction: row-reverse 的情况下，start 会指向右侧，而 flex-start 仍然指向左侧。这种差异可能导致布局行为与开发者预期不符。

考虑到浏览器支持已足够广泛，且两种语法在功能上存在实质性差异而非简单的兼容性问题，Autoprefixer 团队决定在最新版本(10.4.19)中移除了这一警告。这一变更使开发者能够更自由地选择最适合其布局需求的语法，而不再受到工具的限制。

对于仍需要支持非常老旧浏览器的项目，开发者可以继续选择使用 flex-start/flex-end。但对于大多数现代项目，现在可以放心地使用更符合逻辑的 start/end 值，以获得更一致和可预测的布局行为。