单击iphone中的锚点/链接（在特定页面中）时字体大小会增加答案

【问题标题】：Font size increases when clicking on an anchor/link(in a specific page) in iphone单击iphone中的锚点/链接（在特定页面中）时字体大小会增加
【发布时间】：2017-01-19 07:16:26
【问题描述】：

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

这是视频的link

我尝试指定字体大小，但没有成功。

【问题讨论】：

标签： html css iphone mobile-safari

【解决方案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%; }

所以经过几个小时的搜索，我发现移动版 Safari 确实会尝试调整内容，使其默认在屏幕上可读 - 它与其他浏览器具有不同的默认样式。

我不知道确切的规则 - 但说到字体大小，它似乎是这样工作的：

段落、列表项或其他“文本”元素中的文本：无需调整即可应用作者的样式。
DIV 或其他非特定元素中的文本：视为“纯文本”并根据 Mobile Safari 的规则“调整”大小。

所以 - 简短的回答是，将您的文本包装在一个段落中，然后对其应用字体大小规则。

SOURCE

【讨论】：

【解决方案2】：

我认为你可以简单地用这个meta标签修复，试着把它添加到你的html中

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

【讨论】：

我已经尝试过了，但它并没有改变任何事情。这只是发生在 iPhone 上。
我刚刚更新了出现问题的页面的链接，如果你想看看的话。