手机号码，移动端显示问题

曾经终败给现在 2022-08-04 13:45 226阅读 0赞

页面中并没有加特别的样式，但是手机号的那一行样式会乱掉。找了好久没找到原因，chrome模拟出来的也没有问题，但是放到真正的手机上，却不行。

<div class="vip\_detail\_con">

<p><span>微信昵称：</span>陈嵘</p>  
      <p><span>花粉等级：</span>花木精灵</p>  
      <p><span>手机号：</span>15821962788</p>  
      <p><span>可用花蜜：</span>837</p>  
      <p><span>花蜜过期时间：</span>2015.10.01</p>

</div>

![20150830182551846][]

最后才发现，手机会自动给手机号码加上<a>标签，碰巧这个页面的a标签加的有别的样式。

禁止数字自动识别为电话号码，这个比较有用，因为一串数字在iphone上会显示成蓝色，样式加成别的颜色也是不生效的。使用webkit内核的私有meta标签

1.  <metacontent="telephone=no"name="format-detection"/>

webkit内核的私有meta标签

<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" name="viewport" />
       <meta content="black" name="apple-mobile-web-app-status-bar-style" />
       <meta content="yes" name="apple-mobile-web-app-capable" />
       <meta content="telephone=no" name="format-detection" />

(1)、主要I是强制让文档的宽度与设备宽度保持1:1，最大宽度1.0，禁止屏幕缩放。

(2)、iphone的私有标签，iphone顶端状态条的样式。

(3)、这个也是iphone私有标签，允许全屏浏览。

(4)、禁止数字自动识别为电话号码，这个比较有用，因为一串数字在iphone上会显示成蓝色，样式加成别的颜色也是不生效的。

3、去除Android自动识别邮箱地址

安卓有邮箱自动识别功能，而苹果却没有。想去除邮箱识别功能，那就在head中加入一个meta标签。

<meta content="email=no" name="format-detection" />

4、去除Android和ios的url地址栏

setTimeout(scrollTo,0,0,0);

将这句话放到window.onload里就行。

[20150830182551846]: /images/20220731/38fb5c10cb81483cb9e89d8280236bcc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，226人围观）

还没有评论，来说两句吧...

相关阅读

相关手机移动端 web整合

meta基础知识 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"

墨蓝/ 2023年08月17日 16:20/ 0 赞/ 149 阅读

相关手机移动端-touch 手指触摸移动事件

touch：事件可以分为三个 touchstart，touchmove，touchend <!DOCTYPE html> <html lang="en">

缺乏、安全感/ 2022年12月22日 13:24/ 0 赞/ 231 阅读

相关手机号码校验

//手机号码校验 function validateTel(phone) { if (phone == "请输入

我会带着你远行/ 2022年09月21日 13:24/ 0 赞/ 236 阅读

相关手机号码，移动端显示问题

页面中并没有加特别的样式，但是手机号的那一行样式会乱掉。找了好久没找到原因，chrome模拟出来的也没有问题，但是放到真正的手机上，却不行。 <div class="vip\

曾经终败给现在/ 2022年08月04日 13:45/ 0 赞/ 227 阅读

相关移动端手机软键盘遮挡输入框问题

页面: <section class="links"> <h3 class="title">联系方式</h3> <div class=

今天药忘吃喽~/ 2022年05月29日 11:52/ 0 赞/ 309 阅读

相关匹配移动，联通，电信手机号码正则表达式

1 中国移动 134.135.136.137.138.139.150.151.152.157.158.159.187.188 ,147(数据卡) 2 中国联

短命女/ 2022年03月07日 19:43/ 0 赞/ 288 阅读

相关移动端(手机)禁止黑屏问题解决方案

最近有朋友问关于手机端设置屏幕常量的问题，以前我也遇到过。一般这个问题可以通过调用Unity内置的API直接解决，代码如下： Screen.sleepTi

我不是女神ヾ/ 2022年01月15日 09:27/ 0 赞/ 414 阅读

相关手机端(移动端)UI框架整理

[vonic ][vonic] 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用作者已好久未维护 [github][]

小鱼儿/ 2021年12月04日 00:27/ 0 赞/ 906 阅读

相关【Android】手机号码获取问题

手机号码不是所有的都能获取。只是有一部分可以拿到。这个是由于移动运营商没有把手机号码的数据写入到sim卡中.SIM卡只有唯一的编号，供网络与设备识别那就是IMSI号码

ゝ一纸荒年。/ 2021年12月01日 16:20/ 0 赞/ 465 阅读

相关 DOM_手机移动端

1.1.1 触屏事件概述移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件...

红太狼/ 2021年03月10日 14:22/ 0 赞/ 738 阅读