【发布时间】：2013-09-13 15:46:35
【问题描述】：
我想知道是否可以根据用户的操作系统类型（无论是移动操作系统还是桌面操作系统）在我的网站上显示不同的按钮) 在 Javascript 中。
更具体地说，如果用户运行的是 Windows 或 Mac 系统，那么应该会出现一个“桌面按钮”；如果用户在移动设备上，则应显示“移动按钮”。
尽管我在许多其他网站上看到了类似的实现方式，但我找不到任何关于如何实现这种行为的指南。
谢谢
【问题讨论】：
标签： javascript html
【发布时间】：2013-09-13 15:46:35
【问题描述】：
我通常使用bootstrap 来为我服务。你所要做的就是 使用 .visible-phone 或 .visible-desktop 或 .hidden-phone 类。
相应地隐藏你想要的元素并显示你想要的。
**别忘了放这个
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
干杯！！！
【讨论】：
查看http://lessframework.com/，了解如何在 css 中使用 @media。 那么您要检查的不是操作系统或设备，而是浏览器中窗口的宽度。如果是桌面，则显示 div a（带有按钮 a）并隐藏其他任何内容。如果是移动设备（屏幕分辨率较小），则隐藏 div a，显示 div b（带有按钮 b）。
css 中的示例：
#a {display:block;}
#b {display:none;}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#a {display:none;}
#b {display:block;}
}
但是请注意，div a 和 div b 都有一个按钮......所以如果你隐藏 div，它也会隐藏按钮。
【讨论】：