Javascript 设置在特定浏览器（如safari）中加载站点时将使用的css规则

我希望我的网站能够识别它何时加载到safari中，并遵循适用于safari的给定css。例如，css规则可以在任何其他浏览器中工作，但不能在safari中工作；因此，当加载到safari中时，站点会识别它并跳转到将使用它的适用css。

---

与移动css非常相似，通过使用@media rules，编写为

@media only screen and（最小设备宽度：300px）和（最大设备宽度：979px）{css rules；}

如果屏幕宽度在一定范围内，则以下“css rules；”申请。然而，对于特定于浏览器的应用程序，如何纠正这一点呢。例如，可能

@safari-only浏览器{.body{width:100vw；background:#ffffff；}img{width:90%；左边距：auto；右边距：auto；}

。有人知道一个干净的方法吗？

@safari-only浏览器{

会工作吗？

你想只为safari浏览器添加样式吗？你最好使用功能检测来检测浏览器提供了什么功能，而不是检测它是哪个特定的浏览器。看看吧。我同意，只要你不被迫使用CSS浏览器，就不要使用CSS浏览器（例如，由于浏览器中的错误）这只会导致头痛，因为他们是黑客，不能保证他们会在即将到来的版本中工作。对于Safari来说也很棘手，因为它使用WebKIT，也可能针对Chrome。也许考虑在这里发布你想要达到的或在Safari中不工作的东西？