小编典典

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

css

我想指定两种略有不同的背景颜色,一种用于Mac OS,一种用于Windows。


阅读 286

收藏
2020-05-16

共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)
}
2020-05-16