css - 是否有 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)
}