Javascript 为不同的浏览器应用css

我是网络开发新手

这里我有一个css，它是

height: calc(100vh - 46px);

这适用于所有浏览器， 但是对于

mozila

height: -moz-calc(100vh -46px );

这很有效。那么，如何为不同的浏览器添加相同的功能呢？正如我所做的，它覆盖了第二个

---

如何解决这个问题？据我所知，Mozilla非常支持calc。您可以查看有关每个浏览器支持哪些属性的详细信息

除此之外，您应该执行以下操作，在普通规则之后添加前缀规则：

.my-style {
  height: calc(100vh - 46px);
  height: -moz-calc(100vh - 46px);
}

浏览器处理CSS的方式，只会应用一个，所以这没什么错

---

如果您想跳过前缀规则的麻烦，您可以使用类似的工具来为您处理所有这些。也是查看哪些规则需要前缀以及如何正确使用前缀的另一个选项。

calc

据我所知在Mozilla中得到了很好的支持。您可以查看有关每个浏览器支持哪些属性的详细信息

除此之外，您应该执行以下操作，在普通规则之后添加前缀规则：

.my-style {
  height: calc(100vh - 46px);
  height: -moz-calc(100vh - 46px);
}

浏览器处理CSS的方式，只会应用一个，所以这没什么错

---

如果您想跳过前缀规则的麻烦，您可以使用类似的工具来为您处理所有这些。也是查看哪些规则需要前缀以及如何正确使用前缀的另一个选项。

calc

函数在没有供应商前缀的“mozila”（假设Firefox在此）中运行良好。通常的做法是在带前缀的规则之后添加不带前缀的规则。这样，如果支持标准规则，它将覆盖CSS属性的所有可能的旧实现。。。Firefox从版本16开始就支持

calc

功能，而前缀版本在当前版本的FF中甚至不起作用。也许是时候更新你的浏览器了。

calc

功能在没有厂商前缀的“mozila”（假设这里是Firefox）中运行良好。通常的做法是在带前缀的规则之后添加不带前缀的规则。这样，如果支持标准规则，它将覆盖CSS属性的所有可能的旧实现。。。Firefox从版本16开始就支持

calc

功能，而前缀版本在当前版本的FF中甚至不起作用。也许是时候更新你的浏览器了。。？