Css webkit不适用于chrome

直到上个月左右，一切都运行得很好，但自从chrome或webkit更新后，似乎在我不更改代码的情况下出现了一些问题

我做了几次潜水，并用webkit css使它们圆滑，一个月内，它们在chrome上不再圆滑，在safari上效果很好

.hostpie {
  -webkit-transform:rotate(0deg);
  width:148px;
  height:300px;
  -moz-border-radius:150px;
  -webkit-border-radius:150px;
  border-radius:150px;
  -webkit-border-radius:150px 0 0 150px;
  -webkit-transform-origin:right center;
}

---

供应商前缀属性应出现在CSS属性之前，因为即使您的新版Chrome支持无前缀版本，它也将使用

-webkit border radius:150px 0 150px因为它最后出现。将官方CSS属性放在最后可以确保正确支持它的浏览器将应用它

同样
-webkit边界半径：150px和
-webkit边界半径：150px 0 0 150px正在做两件不同的事情。后者的目标是左上角和左下角，而前者的目标是所有四个角。我不明白你为什么两个都有

试着改变一下顺序

.hostpie {
 width:148px;
 height:300px;
-moz-border-radius:150px;
-webkit-border-radius:150px 0 0 150px; /* top left -- bottom left */
 border-radius:150px; /* CSS Property last */
}

正是出于这个原因，您不应该在生产环境中使用供应商前缀。我恐怕不明白，这是什么意思？什么是供应商前缀？那我该怎么做呢？你认为结果会是什么样子？它对我来说就像预期的一样。@Bazzz-只要您了解级联的工作原理，供应商前缀就可以了。