css 仅适用于台式机或笔记本电脑，但不适用于 ipad 浏览器

Question

如何将 css 仅应用于台式机和笔记本电脑浏览器，不包括 ipad 和移动浏览器？

@media only screen and (min-width: 742px) and (max-width: 769px){
  #element{
    display: none;
  }
}

Answer 1

您如何保证用户不会在桌面设备上查看您指定的视口(viewport)宽度的网站/网络应用程序？你不能。

如果真的需要特定的、特定于设备的而不是使用视口(viewport)宽度，我猜你可以嗅探浏览器。

这是一个快速的 jquery 演示，使用:

navigator.userAgent

http://jsfiddle.net/y3ds0xpv/ - 注意:您需要在移动设备上查看才能了解台式机和移动设备之间的区别。

最终，如果您需要使用此方法，我建议您使用此方法:

http://detector.dmolsen.com/