处理苹果IOS手机safari 浏览器自动识别电话并且黑化样式的问题,今天突然打开我们的推广落地页发现电话没显示,仔细看才发现样式被黑化了,2种方式处理:
问题如图,细节很小但很重要。
1,在头部增加
<meta name="format-detection" content="telephone=no" />
但是这个方法用了体验不好,禁止识别手机后不方便用户直接拨打电话联系。
2,加上tel 做样式。
诸如
<a href="tel:13708021643">13708021643</a>
然后我们再给a标签做个样式即可:
比如按我们的为例:
增加一个:
.m-footer a{
display: block;
color: #fff;
text-align: center;
100%;
font-size: 0.7rem;
background-color: #333;
}