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

Question

我正在构建一个一页响应的站点，并且想知道如何在用户在手机上查看网站时如何添加快速呼叫按钮在台式机或平板电脑上查看。

提前赞赏。

Answer 1

您可以通过选择该按钮消失的特定窗口大小来使用CSS媒体查询：

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

您可以使用min-device-width而不是min-width来定位物理屏幕分辨率。

对于按钮本身，请查看如何在手机上单击网页中的链接

Answer 2

@media仅屏幕和（最小宽度：600px）{

        .hide-on-desktop, * [aria-labelledby='hide-on-desktop'] {
            display: none;
            max-height: 0;
            overflow: hidden;
        }

只需确保您的按钮带有.HIDE-DESKTOP类...