单击iPhone中的锚/链接（在特定页面中）时字体大小增加

Question

此问题仅在iphones中出现。我在iphone 5（风景模式）和iphone 4s（风景模式）中检查了它。

这里有一个link到视频

我试图指定字体大小，但没有奏效。

Answer 1

看起来像iPhone手机自动调整大小的文本，以避免我用这个：

body { -webkit-text-size-adjust: 100%; } 
or 
body {-webkit-text-size-adjust: none; } /* works perfectly in landscape mode */ 

对于未来用户：如果您在Firefox中遇到类似问题，可以尝试使用它来修复它。

body { moz-text-size-adjust:100%; }

---

所以后一对夫妇的搜索小时SO我发现移动Safari浏览器也尝试以便它在默认情况下屏幕可读适应内容 - 它有不同的默认样式其他浏览器。

我不知道确切的规则 - 但是当涉及到字体大小，看起来像这样的工作：一个段落，列表项，或其他“文本”元素中

• 文本：应用作者的风格而不适应。

• DIV或其他非特定元素中的文本：根据Mobile Safari的规则视为“纯文本”和“调整”大小。

所以 - 简单的答案是，将文本包装在段落中，并将font-size规则应用于该段落。

SOURCE

Answer 2

我认为你可以简单地用这个meta标签固定，尽量把它添加到您的HTML

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />