是否有CSS媒体查询来检测Windows？

Question

我想指定两种稍微不同的背景颜色,一种用于Mac OS,一种用于Windows.

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)
}

Answer 2

它在最新的 mozilla 版本中可用。

-moz-os-version 提供以下值：

• 视窗XP
• Windows Vista
• windows-win7
• windows-win8

支持有限https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

@media (-moz-os-version: windows-xp), (-moz-os-version: windows-vista),
(-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
    body{
        background-color: white;
    }
}