隐藏移动用户的链接

Question

我目前使用的在线调度工具仅适用于桌面用户（不仅是分辨率，而且界面不适用于触摸输入），所以我试图找到一种方法只显示指向适用于桌面用户的工具，并为移动用户显示简单的表单。

我已经学会了如何根据分辨率隐藏和显示内容，但我不确定这是一个很好的解决方案，因为平板电脑上的人会有正确的分辨率，但仍无法使用

Answer 1

根据我的经验，我会选择2＆＃34;不同的方式＆＃34;解决您的问题。

第一

正在使用WURFL lib，它支持几乎市场上的任何设备，不包括某些特定功能手机。

您可以在http://wurfl.sourceforge.net/php_index.php

查看更多内容

和一些能力WURFL＆＃34; catch＆＃34; http://wurfl.sourceforge.net/help_doc.php

我在其中过滤了一些对您的问题有用的道具：

• 的 is_wireless_device
• 的 IS_TABLET
• 的 xhtml_support_level
• 的 resolution_width
• 的 resolution_height
• 的 pointing_method

等等......

第二

使用自适应网页设计和媒体查询。

最后的想法

我会选择第一个选项，但那只是我：）

Answer 2

使用CSS媒体查询。他们是最好的方式！

http://css-tricks.com/css-media-queries/

@media all and (max-width: 480px) {
  link {
    display:none;
  }
}

Answer 3

隐藏移动设备链接的最常见方法是使用媒体查询，您是对的。我通常使用

a {

   display:none;

}

或者您可以使用jQuery

$(".yourlist .yourlink").click(function(e){
     e.preventDefault();

}）