如何停止台式机/平板电脑上的“ tel：number”链接

Question

这一定很常见。...很抱歉，但是在这里找不到可行的解决方案...

我正在一个网站上（改造），它具有响应式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隐藏适当的块。

我希望避免使用useragent ，因为方法太多了。 默认情况下，Android不再解析没有“ tel：”的数字（根据其他帖子）。 我在Nexus 5上进行了测试。另一方面，Firefox要求设备在“电话：”链接上使用。

1. 我可以使用当前的@media CSS块吗？ 如果是这样的话，视网膜怎么办？
2. 或者基于用户代理的JS可以以某种方式正常吗？
3. 其他选择，我的意思是大多数人会做什么？？？

感谢帮助。

Answer 1

经过更多研究，我决定使用Java语言库isMobile。

https://github.com/kaimallea/isMobile

似乎有很多人使用它，所以我认为它会起作用。

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