处理苹果IOS手机safari 浏览器自动识别电话并且黑化样式的问题

处理苹果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;
width: 100%;
font-size: 0.7rem;
background-color: #333;
}

处理苹果IOS手机safari 浏览器自动识别电话并且黑化样式的问题相关推荐

苹果IOS在Safari浏览器中将网页添加到主屏幕做伪Web App，自定义图标，启动动画，自定义名称，全屏应用
在ios中我们可以使用Safari浏览自带的将网页添加到主屏幕上,让我们的web页面看起来像一个本地应用程序一样,通过桌面APP图标一打开,直接全屏展示,就像在APP中效果一样,完全体会不到你是在浏览 ...
window 使用 Edge/Chrome 调试手机 iOS 的 Safari 浏览器
先上效果图真机 PC Edge window 使用 Edge/Chrome 调试手机 iOS 的 Safari 浏览器 Safari 是苹果配套的浏览器,正常来说如果使用的是 macOS 直接一条 ...
云计算机手机apple,云电脑IOS版怎么在苹果IOS手机上使用教程
不管你是新手还是老手,很多人对云电脑的移动端还认为只有安卓版,最近极云普惠云电脑推出的云电脑IOS版很多人都不知道怎么入手,下面给大家带来怎么在苹果IOS手机上的使用教程,希望能够让你的苹果手机轻松变 ...
safari浏览器横屏怎么设置_iPhone手机Safari浏览器不能不知道的四个小技巧
原标题:iPhone手机Safari浏览器不能不知道的四个小技巧如何自动开启阅读模式 Safari 浏览器的"阅读视图"模式可以让页面更加纯粹,巧用该功能还能够实现屏蔽网页广告的 ...
iOS中Safari浏览器select下拉列表文字太长被截断的处理方法
网页中的select下拉列表,文字太长的话在iOS的Safari浏览器里会被自动截断,显示成下面这种: 安卓版的浏览器则没有这个问题. 如何让下拉列表中的文字在iOS的Safari浏览器里显示完整呢? ...
微信小程序中苹果iOS手机显示时间格式NaN不正确的问题
项目场景: 实现安卓Android和苹果iOS中微信小程序显示订单时间信息问题描述微信小程序中苹果iOS手机显示时间格式NaN不正确的问题原因分析: 安卓微信小程序显示正常,苹果按格式YYYY- ...
iphone手机safari浏览器访问网站滚动条不显示问题解决办法
iphone手机safari浏览器访问网站滚动条不显示问题解决办法参考文章: (1)iphone手机safari浏览器访问网站滚动条不显示问题解决办法 (2)https://www.cnblogs. ...
ios的Safari浏览器下视频播放问题
ios的Safari浏览器下视频播放问题起因原因: 解决方案: 示例代码起因最近在做手机端接口对接,后端使用java,前端使用vue开发,在提供给前端视频接口时出现了个问题: 视频在安卓上可以 ...
ios运行html游戏,Html游戏 - IOS的Safari浏览器崩溃
我正在运行一个HTML应用程序开发使用打字稿,pixi.js webgl,网络音频.Html游戏 - IOS的Safari浏览器崩溃游戏在各种设备和浏览器上的windows和android上运行 ...

处理苹果IOS手机safari 浏览器自动识别电话并且黑化样式的问题

处理苹果IOS手机safari 浏览器自动识别电话并且黑化样式的问题相关推荐

最新文章

热门文章