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隐藏基于用户在移动设备上的适当块。

我希望避免使用，因为太多了。默认情况下，Android不再使用'tel：'来解析数字（如其他帖子）。我在Nexus 5上测试过。另一方面，Firefox要求设备在'tel：'链接上使用。

我可以使用当前的@media CSS块吗？那么视网膜呢？
OR可以基于useragent的JS以某种方式确定吗？
其他选项，我的意思是大多数人都做了什么???

非常感谢帮助。

Answer 1

经过更多的研究，我选择了一个Javascript库isMobile。

https://github.com/kaimallea/isMobile

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

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

如何停止＆＃34; tel：number＆＃34;在桌面/平板电脑上工作的链接

1 个答案: