我在网站上列出了一个号码,当用户在手机上时,我想成为一个可调用的链接,但在桌面上时不会显示为链接。我可以这样做:a href=“tel:5550005555”
您可以使用CSS3@media功能来指定屏幕的大小,并为满足条件的前者提供特定的CSS样式(例如,您可以隐藏元素)
这是W3SCHOOLS的用法示例:
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
欲了解更多信息,请查看此内容:
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
我在互联网上找到了这个,有了它,你可以检查用户是在移动设备上还是在桌面上查看你的页面。
<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>
我肯定会建议把电话号码留在桌面上,因为很多人确实会在某些应用程序中使用这些号码,如RingCentral或WhatsApp。
如果您仍然想这样做并且不想在桌面上显示:none,您可以做的是(这不是最佳做法)有2个电话号码,一个带有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:对于两者,而不必执行任何操作,因为复制代码不是最佳做法,单击您认为是链接的内容也不是用户友好的,但它什么都不做。但除此之外,这可能应该完成它。如果您仍然需要任何帮助,请告诉我。
问题内容: 在移动设备上时,是否可以将引导网站显示为桌面版本? 基本上,页面将显示992px或1200px视口,而不是小型设备。 例如,BBC允许您使用页面底部的链接在移动网站和桌面网站之间进行切换,这就是我想做的。 谢谢 问题答案: 您只需要设置视口 像您说的那样建立一个链接,该链接是页面的重新加载,但带有,则可以设置会话,只要设置了该会话,就可以编写 代替此(响应版本) 在你的 将此用作按钮
我有一个网站,必须响应移动电话。我用我的桌面创建了它。当我调整浏览器窗口时,它在手机上工作得很好,但当我在我真正的手机上检查它:三星Galaxy S2时,它对手机视图没有反应。 会有什么问题吗?
我正在尝试在我的HTML网页上超链接一个号码(国际电话号码)。 我在网上看了很多其他例子,我的看起来完全一样,所以我不确定为什么它不起作用:( 这是我的错误信息 在此输入图像描述
我最近刚刚在我的新windows计算机上用Ubuntu18.04设置了WSL。我知道要从linux端访问我的windows文件,驱动器被映射到。然而,当我尝试将转换为时,我得到一个。我访问我的窗口和等。从linux端访问也很好,但由于某种原因,似乎是唯一不存在的窗口。
本文向大家介绍移动web页面如何自动探测电话号码?相关面试题,主要包含被问及移动web页面如何自动探测电话号码?时的应答技巧和注意事项,需要的朋友参考一下 应该是在里加上这么一个信息: 不过安卓上并没看到效果……
因此,我想让我的网站的电话号码可以点击,所以我使用了以下语法: 当我从桌面的firefox浏览器中单击此电话号码时,它会询问我是否必须使用Skype打开它。 然而,当我从手机上点击它时(尝试了Android银河S3和苹果手机5),什么都没发生。我怎么能拍这个? 我正在使用http://www.themenesia.com/themeforest/truehost/主题,如果有帮助的话。