如何更改桌面和移动设备上的链接行为？

Question

我有链接，应该链接到手机号码，如电话号码：+989203022438，但在桌面链接到我的联系页面。那可能吗？

Answer 1

当然，你需要做的是有两个要素。 第一个元素（用于移动）并在其中包含电话号码。 第二个元素（用于桌面），带有指向您联系页面的链接。 接下来，您将使用CSS媒体查询来设置您应该显示的内容，如下所示：

#phoneContact {
    display: none;
}

@media only screen and (max-width: 500px) {
    #phoneContact {
        display: block;
    }
    #desktopContact {
       display: none;
    }
}