手機響應網站快速通話按鈕

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