Question

我有一个简单的片段，电话号码由一个字母和12个数字组成，它是一个简单的文本在ap元素内，在桌面浏览器中看起来都很好，但在iPhone浏览器中，字母p看起来很像很好，但其余的数字看起来非常小，并且有一个换行符。

enter image description here

 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会显示此行为？

Answer 1

试试这个（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;
}

P.S。 <meta>应位于<head>。

Answer 2

尝试根据手机屏幕更改字体大小，这里是代码

这应该有效

$arr = $pets->toArray();
$paginator->make($arr, count($arr), $perPage);

在iPhone上的Safari中数字看起来不同

2 个答案: