解决H5页面在iOS网页中的数字被识别为电话号码，字体颜色变蓝色

Vue框架里面写法，写app.vue里面
<template>
  <div id="app">
  <!--     解决IOS手机自动识别为手机号颜色变蓝问题start -->
      <meta name="format-detection" content="telephone=no">
      <!-- 解决IOS手机自动识别为手机号颜色变蓝问题end -->
    <router-view/>
  </div>
</template>

<style lang="less">
html,
body {
  height: 100%;
}
#app {
  height: 100%;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
</style>

 

其他写法：

ios手机上长数字识别为电话，颜色变为蓝色可点击的链接，可在head中加入
<meta name = "format-detection" content = "telephone=no">