根据操作系统更改类样式的最简单方法？答案

【问题标题】：Easiest way to change a class style based on operating system?根据操作系统更改类样式的最简单方法？
【发布时间】：2013-10-18 04:02:42
【问题描述】：

我正在尝试根据使用的是 Windows 还是 Mac 来更改我的代码中的样式。对于 Mac，代码为：

<div class="special container container_6" style="position:relative; top:-123px">

对于 Windows，代码为：

<div class="special container container_6" style="position:relative; top:-127px">

This 似乎与我想做的类似，但它没有答案......

有什么想法吗？

【问题讨论】：

您认为 ipad 或 android 手机的操作系统是什么？
为什么要这样做？移动4px 似乎你想要解决一个看起来像平台问题但不一定必须是平台问题的css问题。
你想完成什么？一般来说，桌面操作系统检测不如一开始就正确编码 CSS 好。
您链接的问题没有答案的原因是因为这绝对是一种错误的方法，会让您一事无成。尝试解释不同浏览器中的 CSS 有什么问题，或者可能发布一个 jsfiddle 来说明您的问题。当然有一个很好的解决方案，但检测操作系统不是。
我同意 OP 使用的方法不是一个好方法，但这是一个足够好的理由来否决这个问题吗？

【解决方案1】：

我不知道为什么你的排名下降了这么多。也许你应该更好地解释你的推理。尽管如此，这应该会照顾你，虽然它很旧，所以在某些情况下你可能需要更新它。但是，对于广泛的检测，它可以正常工作。

基本上，它通过 JS 检测浏览器并将一个类附加到正文，然后您可以在 CSS 中对其进行测试。

【讨论】：

这个脚本是否符合 OP 的要求？可能。这是解决跨平台 CSS 问题的错误方法吗？绝对！
我完全同意你的看法。当客户想要支付最低价时，这是我用来解决跨浏览器排版问题的权宜之计，其中行高编码不佳的商业主题。我为符合这种描述的 SEO 公司做了很多创可贴工作。这并不理想，但它确实符合 OP 的要求。当被问到时，我不会因为这不是理想的方法而拒绝选择。
很公平。而且我并没有完全出于这个原因投反对票。这是一个有效的答案。但我也不能凭良心赞成这个答案。 :)
我很欣赏你对事情的理性态度。仅仅因为在完美场景中它不是理想的解决方案，就因为回答问题而被否决总是令人沮丧的:)