积跬步，聚小流------关闭iphone浏览器自动识别数字为电话号码

最近在做移动端适配的时候发现一个很奇怪的问题。

在页面底部有一个联系方式，然后写上名字、电话号码，然后进行样式修饰，在PC端看毫无问题，并且在部分安卓手机上也没有任何问题，但是放到苹果手机上时发现电话号码都变成蓝色了，还是深蓝色。

我马上去找可能出现的原因，然后去看源码，发现提交上来的代码是:

<li>    电话号码：[phone]</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:[phone]">13800138000</a>

这时候我更新刷新，然后再来看，万事大吉，搞定收工，就这样愉快的就把这个问题解决了，很开森很开森。