Question

所以我正在尝试进行基本的电话号码交换，因此可以在移动设备上点击该号码，但不能在桌面设备上点击。

我一直在使用以下代码（主要针对iphone）：

CSS

#phone .mobile {
    display: none;
}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px) {

    #phone .mobile {
        display: inline;
    }

    #phone .desktop {
        display: none;
    }

}

头部

（从h5bp使用）

<meta name="viewport" content="width=device-width, initial-scale=1">

Chrome和Opera mini工作正常但Safari正在显示两个数字。我注意到Safari可以点击所有电话号码。这可能与它有关吗？

Answer 1

你可以通过一些javascript / jquery来实现这个目标

1）检查窗口宽度 2）如果这超过一定数量的像素，那么你可以输出一个没有href的链接，否则添加你的电话：39000000或其他：）

侨法比奥

移动Safari媒体查询问题

1 个答案: