是否有一种 CSS 方法/黑客可以根据平台(即 mac 与 pc)指定背景颜色

Question

我在Mac上设计网站时一直遇到问题。当我的客户在PC上查看它们时，我在笔记本电脑显示屏上看到的颜色总是看起来完全不同。我为在办公环境中同时使用 Mac 和 PC 的客户设计了网站，因此无论他们使用什么计算机，颜色看起来相似(如果不是相同)都很重要。

我知道浏览器特定属性有CSS黑客..但是有没有办法更改查看器正在使用的平台的网站上的背景颜色..个人电脑、苹果电脑等

我知道这似乎有点牵强，因为即使是相同的平台也可能使用不同的显示器、校准等。黑暗中的镜头，但希望有一个创造性的答案！

编辑： 以下是我将建议的脚本添加到网站头部的方式..我的Javascript经验非常有限。我确实有jquery..

<script>
var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";
console.log('Your OS: '+OSName);
if (navigator.appVersion.indexOf("Win")!=-1) 
{
$(body).css('background','#333');
} else {
$(body).css('background','#000'); // this will style body for other OS (Linux/Mac)
}
</script>

Answer 1

检查这个(从这里)：

没有属性可以指定用于查看网页的操作系统，但是您可以使用javascript进行检测，以下是一些检测操作系统的示例：

var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";
console.log('Your OS: '+OSName);

明白了吗？，现在您可以使用document.write为特定操作系统编写下载样式表。 :)

另一个例子，我假设你正在使用jQuery。

if (navigator.appVersion.indexOf("Win")!=-1) 
{
$(body).css('background','#333');
} else {
$(body).css('background','#000'); // this will style body for other OS (Linux/Mac)
}