CSS如何解决-webkit-函数

Question

我目前使用的代码取自Chrome设置页面，它在Chrome上工作得很好。

  -webkit-box-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-perspective: 1px;
  bottom: 0;
  display: -webkit-box;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;

该代码在IE和Firefox上不起作用。我如何在IE和Firefox上使用相同的代码呢？

Answer 1

您发布的代码不推荐使用挠曲箱代码。

下面是一个前缀版本，用last 10 versions在玩上使用自动重定位器生成

flex-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-perspective: 1px;
perspective: 1px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

这不包括原始文章中的其他CSS，只包括需要前缀的属性。