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

时间:2017-09-12 07:23:32

标签: css hyperlink

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

1 个答案:

答案 0 :(得分:0)

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

#phoneContact {
    display: none;
}

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