数字在iPhone上的Safari中看起来有所不同
西格加
我有一个简单的代码段，其中包含一个由一个字母和12个数字组成的电话号码，在ap元素中包含一个简单的文本，在桌面浏览器中一切正常，但在iPhone浏览器中，该字母p看上去不错，但其余的数字看上去都不错非常小，有一个换行符。
p.style3 {
font-size: 3rem !important;
font-family: Georgia, "Times New Roman", Times, serif !important;
text-rendering: optimizeLegibility;
font-style: italic;
font-weight: lighter;
white-space: nowrap;
}<p class="style3">p. 706.467.3000</p>为什么iOS上的Safari会显示此行为？
谢尔格捷尼索夫
试试这个（http://codepen.io/sergdenisov/pen/ZGBEvR）：
HTML：
<meta name="format-detection" content="telephone=no"/>
<p class="style3">p. 706.467.3000</p>
CSS：
p.style3 {
-webkit-text-size-adjust: 100%;
font-size: 3rem !important;
font-family: Georgia, "Times New Roman", Times, serif !important;
text-rendering: optimizeLegibility;
font-style: italic;
font-weight: lighter;
white-space: nowrap;
}
PS <meta>应该在<head>。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
HTML Css按钮在Firefox中看起来有所不同
- 2
MS Office文件在LibreOffice中看起来有所不同
- 3
Bootstrap模态在Chrome和Firefox中看起来有所不同
- 4
JButton字体在不同的PC上看起来有所不同
- 5
Android：AlertDialog在片段上看起来有所不同
- 6
Windows机器上的字体看起来有所不同
- 7
设备上的布局看起来有所不同
- 8
Qt GUI在Linux，Mac和Windows上看起来有所不同
- 9
Android：AlertDialog在片段上看起来有所不同
- 10
带有optgroup的样式选择标签在Firefox 40中看起来有所不同
- 11
自定义NavigationBar按钮在iOS 7中看起来有所不同
- 12
自适应网站在移动浏览器中看起来有所不同
- 13
ConstraintWidth_percent在“设计”选项卡和实践中看起来有所不同
- 14
两个微调器在同一活动中看起来有所不同
- 15
TIFF16图像在Windows File Viewer和MATLAB中看起来有所不同
- 16
在具有相同代码的不同机器上，ProgressBar看起来有所不同
- 17
Android按钮样式在不同的设备（AOSP和Samsung Galaxy）上看起来有所不同
- 18
真棒字体：图释在我的电脑上看起来与实际网页上有所不同
- 19
相同的CSS和HTML代码，但在2页上看起来有所不同
- 20
为什么我的React Web App在某些移动设备上看起来有所不同？
- 21
部署在Heroku上的React Rails项目与本地主机上看起来有所不同
- 22
为什么离子复选框在Android上看起来有所不同？
- 23
Imageview在不同的大小和密度下看起来有所不同
- 24
HTML视频在不同的计算机上看起来有所不同
- 25
iOS使用复选框的切换按钮在不同的浏览器中看起来有所不同
- 26
在iOS中使用时UIImage看起来有所不同
- 27
包含在页面中时，SVG图标看起来有所不同
- 28
为什么我的CSS与您的CSS看起来有所不同？
- 29
相同的图像数据在相同的颜色图下看起来有所不同
我来说两句