我正在尝试熟悉CSS Flexbox。有很多有用的资源。然而，当我遇到-webkit-box;, -moz-box;, -ms-flexbox;和-webkit-flex;时，我不确定它们是什么，也不知道如何处理它们。如果有人能在这方面提供一些帮助，我将不胜感激。谢谢！
-webkit-box;, -moz-box;, -ms-flexbox;
-webkit-flex;
uqxowvwt1#
这些是供应商的首选项，当你了解浏览器的工作功能时，你会更清楚。实际上，所有浏览器都运行在其特定的引擎上。无论我们编写的CSS语法或功能如何，这些引擎都会在浏览器上呈现它们的行为。Webkit是最受欢迎的浏览器引擎，用于Chrome Safari等。所以这些供应商前缀被用来告诉浏览器我们应该使用哪些css属性。
h6my8fg22#
您可以阅读所有关于供应商前缀here的信息。链接总结：浏览器供应商有时会在实验性或非标准的CSS属性中添加前缀，这样开发人员就可以进行实验，但浏览器行为的变化不会破坏标准过程中的代码。开发人员应该等到浏览器行为标准化后再包含无前缀属性。
unguejic3#
前缀-webkit、-moz和-ms用于提供与旧版本Web浏览器的兼容性。您可以在此处检查某个浏览器是否支持flex选项：https://caniuse.com/?search=flexbox在最新版本的浏览器中，您不需要这些前缀。但是为了尽可能的兼容性，您仍然希望使用它们。
3条答案
按热度按时间uqxowvwt1#
这些是供应商的首选项，当你了解浏览器的工作功能时，你会更清楚。实际上，所有浏览器都运行在其特定的引擎上。无论我们编写的CSS语法或功能如何，这些引擎都会在浏览器上呈现它们的行为。
Webkit
是最受欢迎的浏览器引擎，用于Chrome Safari等。所以这些供应商前缀被用来告诉浏览器我们应该使用哪些css属性。
h6my8fg22#
您可以阅读所有关于供应商前缀here的信息。
链接总结：
浏览器供应商有时会在实验性或非标准的CSS属性中添加前缀，这样开发人员就可以进行实验，但浏览器行为的变化不会破坏标准过程中的代码。开发人员应该等到浏览器行为标准化后再包含无前缀属性。
unguejic3#
前缀-webkit、-moz和-ms用于提供与旧版本Web浏览器的兼容性。您可以在此处检查某个浏览器是否支持flex选项：https://caniuse.com/?search=flexbox
在最新版本的浏览器中，您不需要这些前缀。但是为了尽可能的兼容性，您仍然希望使用它们。