积跬步,聚小流------关闭iphone浏览器自动识别数字为电话号码
2015-12-15 15:56
381 查看
最近在做移动端适配的时候发现一个很奇怪的问题。
在页面底部有一个联系方式,然后写上名字、电话号码,然后进行样式修饰,在PC端看毫无问题,并且在部分安卓手机上也没有任何问题,但是放到苹果手机上时发现电话号码都变成蓝色了,还是深蓝色。
我马上去找可能出现的原因,然后去看源码,发现提交上来的代码是:
好吧,我已经基本相信不是源码的问题了,因为“电话号码”这四个字的显示效果毫无问题,只是电话号码本身变了,但是我还是找了那个提交代码的人,谁让我碰巧看到了,啪啦啪啦说了一通,让他改了:
<li>
电话号码:
<label class="color_text">18000000000</label>
</li>
虽然基本确定不是样式的问题,但是还是在label上加了class来进行修改实验了一下,
如果你关闭自动识别后,又希望某些电话号码能够链接到iPhone的拨号功能,那么可以通过这样来声明电话链接:
在页面底部有一个联系方式,然后写上名字、电话号码,然后进行样式修饰,在PC端看毫无问题,并且在部分安卓手机上也没有任何问题,但是放到苹果手机上时发现电话号码都变成蓝色了,还是深蓝色。
我马上去找可能出现的原因,然后去看源码,发现提交上来的代码是:
<li> 电话号码:18000000000 </li>
好吧,我已经基本相信不是源码的问题了,因为“电话号码”这四个字的显示效果毫无问题,只是电话号码本身变了,但是我还是找了那个提交代码的人,谁让我碰巧看到了,啪啦啪啦说了一通,让他改了:
<li>
电话号码:
<label class="color_text">18000000000</label>
</li>
虽然基本确定不是样式的问题,但是还是在label上加了class来进行修改实验了一下,
<label class="color_text">18000000000</label>
.color_text { color: #fff!important; }好吧,就这样我终于死心了,然后随便在页面上写了一个手机号,然后发现,这个手机号也真的变成了那个颜色,我已经确定是手机自动识别手机号的问题了。然后就开始百度了,很容易就让我发现了解决办法:
<meta name="format-detection" content="telephone=no" />只要在head部分加上这个就可以了,另外还有一个基础福利收入囊中:
如果你关闭自动识别后,又希望某些电话号码能够链接到iPhone的拨号功能,那么可以通过这样来声明电话链接:
<a href="tel:13800138000">13800138000</a>这时候我更新刷新,然后再来看,万事大吉,搞定收工,就这样愉快的就把这个问题解决了,很开森很开森。
相关文章推荐
- hdu1540 Tunnel Warfare(线段树)
- java关键字
- Java静态内部类的实例化问题
- overlaps the location of another project:
- Source Insight字体等设置
- php优先级短路现象汇总与浅扒
- JSP中表单内容实现分页提交
- 重装系统的方法
- iOS pods 安装 和 使用
- 类的继承
- PHPExcel读取上传的Excel文件插入到mysql数据库
- linux 根据进程ID获取对应进程的信息
- TCPdump抓包命令详解
- POJ 2718 Smallest Difference(贪心 or next_permutation()暴力枚举)
- 仿微信视频等待进度条
- 2015-12-14 Shell Tools
- php版本切换问题:Redefining already defined constructor for class
- Win10飞行模式开启后无法退出该怎么办?
- Android 价格日历
- volatile 作用