我在网站上列出了一个号码，当用户在手机上时，我想成为一个可调用的链接，但在桌面上时不显示为链接。我可以这样做：a href="电话：5550005555">555-000-5555/a用于移动视图，但当我在桌面上时，如何摆脱这个标签？谢谢你的帮助。
我绝对建议在桌面上也保留可用的电话号码，因为实际上很多人确实在RingCentral或WhatsApp等特定应用程序中使用这些号码。
如果你仍然想这样做，但不想在桌面上显示：没有，你可以做的是(这不是最佳做法(有两个电话号码，一个有tel:，一个没有，并使用媒体查询来显示其中任何一个。像这样：
<span class="phone-desktop">123-123-1234</span>
<a class="phone-mobile" href="tel:1231231234">123-123-1234</a>
//styles
.phone-mobile{display:none};
@media (max-width: 1440px){ //this will only show desktop
.phone-desktop{display:none}
.phone-mobile{display:block}
}
再次重申，最好只使用tel：两者都可以，而不必做任何事情，因为复制代码不是最佳做法，点击你认为是链接的东西也不方便用户，但它什么都不做。但除此之外，这可能还应该完成。如果你还需要帮助，请告诉我。
我在互联网上发现了这个，有了这个，你可以检查用户是在移动设备上还是在桌面上查看你的页面。
<html>
<head>
<title>Mobile Test</title>
</head>
<body>
<p id="text"></p>
<script type="text/javascript">
var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
var element = document.getElementById('text');
if (isMobile) {
element.innerHTML = "You are using Mobile";
} else {
element.innerHTML = "You are using Desktop";
}
</script>
</body>
</html>
您可以使用CSS3@media功能来指定屏幕的大小，并为满足条件的前者提供特定的CSS样式(例如，您可以隐藏元素(
这是W3SCHOOLS的一个用法示例：
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
有关更多信息，请查看以下内容：
https://www.w3schools.com/css/css_rwd_mediaqueries.asp