手机响应网站快速通话按钮

Question

我正在建立一个网页响应网站，想知道如何在用户在手机上查看网站时添加快速通话按钮，但同时隐藏它在桌面或平板电脑上查看时。

非常感谢提前。

Answer 1

您可以通过拾取specific window size在该按钮消失使用CSS media queries该效果：

@media (min-width: 961px) { 
    .button-call { 
    display: none; 
    } 
} 

您可以根据使用min-device-width代替min-width物理屏幕分辨率。

对于按钮本身，请参阅How to trigger a phone call when clicking a link in a web page on mobile phone