文字在iPhone上显示不同的大小

Question

在现有网站上，一块文字在iPhone上显示得太大，而其中一部分是白色的。我已经在Android和iPad上测试了它，这会将网站的其余部分推得太远，所以它不符合背景。这是适当大小的iPad，但仍然显示白色。相关文字位于此页面的右上角：http://www.ecodzign.com/waterfx2/index2.html 这是它在iPhone上的外观：

我已禁用文字缩放，我尝试使用内联css，但没有效果。只有电话号码显示白色，所以我认为iPhone正在创建某种链接，用手机拨打这些号码，但无论如何，白色背景都不能是白色。

我为糟糕的桌面设计和缺乏验证道歉，但我没有预算到正确地重做整个网站。没有与文本或格式有关的验证错误，我怀疑这与正在发生的事情有什么关系。

Answer 1

这可能是iOS设备上针对该特定区块的pt与px vs %之类的区别。

检查完代码后，我认为事实上是这样的：

font-family: Arial,Helvetica,sans-serif;
font-size: 8pt;
color: black;
font-weight: bold;

我敢打赌font-size: 8pt是罪魁祸首。

Answer 2

网站上看起来有很多内联CSS。

你尝试了什么

<span style="color:black !important;">702.233.3200</span>

使用!important关键字。

Answer 3

这很可能与网站的CSS有关。您最好的选择是创建一个适合移动设备的网站，或从包含这些数字的html中删除 <span style='color:black;'> 。