根据移动/桌面操作系统在网站上显示不同的按钮/下载链接
提问于 2013-09-13 07:46:35
我想知道是否可以根据用户的操作系统类型(是移动 OS还是桌面 OS)在Javascript中显示不同的按钮。
更具体地说，如果用户运行的是Windows或Mac系统，那么应该出现“桌面按钮”；如果用户在移动设备上，则应该出现“移动按钮”。
虽然我在许多其他网站上看到了类似的实现，但我没有找到任何关于如何实施这种行为的指南。
谢谢
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-09-13 08:02:22
我通常使用引导来达到这个目的。你所要做的就是使用这个类。可见-电话或.可见-桌面或.隐藏-电话。
因此，隐藏您想要的元素并显示您想要的内容。
**别忘了把这个
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">干杯！
Stack Overflow用户
发布于 2013-09-13 07:54:45
查看如何在css中使用@media的http://lessframework.com/。然后您将检查的不是操作系统或设备，而是浏览器中窗口的宽度。如果是桌面，则显示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，它也会隐藏按钮。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18790375
复制相关文章
腾讯云开发者
