2015-04-12 53 views
0

链接这一定是很常见的....我很抱歉,但不能在这里找到一个有效的解决方案......如何阻止“电话:号”从桌面工作/粒

我的工作在网站上(改造),它具有响应CSS,如:

/* Refecence from responsive.css 
/* crank up to 5000px to support high res monitors and TV's */ 
@media only screen and (min-width: 1200px) and (max-width: 5000px) 
/* Portrait tablet to landscape and desktop - BROWSER SIZE 2 */ 
@media only screen and (min-width: 991px) and (max-width: 1200px) 
/* Landscape phone to portrait tablet - BROWSER SIZE 3 */ 
@media only screen and (min-width: 767px) and (max-width: 991px) 
/* All Mobile Sizes (devices and browser) - BROWSER SIZE 4 */ 
@media only screen and (max-width: 767px) 
/* Landscape phones and down - BROWSER SIZE 5 */ 
@media (max-width: 480px) 
/* iphone portrait mode - BROWSER SIZE 6 */ 
@media (max-width: 320px) 

我是新来的这一点,并做了相当多的研究,但我有几个问题:

我有计划有两个HTML块,一个隐藏,并使用JS或CSS来隐藏approp根据用户是否在移动设备上进行riate block。

我希望避免useragent,因为有太多的方式。默认情况下,Android不再解析数字(如其他帖子),而不使用'tel:'。我在Nexus 5上进行了测试。另一方面,Firefox要求设备在“tel:”链接上使用。

  1. 我可以使用我当前的@media CSS块吗?如果是的话,视网膜怎么样?
  2. 或可以使用基于代理的JS可以以某种方式吗?
  3. 其他选项,我的意思是大多数人做什么?

帮助表示赞赏。

回答

0

经过更多的研究,我决定在Javascript库isMobile。

https://github.com/kaimallea/isMobile

似乎很多使用它,所以我认为这是可行的。

我的担心是,如果有新设备出现,我必须不断更新此库...