单击iphone中的锚点/链接(在特定页面中)时字体大小会增加

时间:2017-01-19 07:16:26

标签: html css iphone mobile-safari

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

此处为视频<{3}}

我尝试指定字体大小,但它没有用。

2 个答案:

答案 0 :(得分: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确实尝试调整内容,以便默认情况下它在屏幕上可读 - 它与其他浏览器有不同的默认样式。

我不知道确切的规则 - 但是当涉及字体大小时,它似乎是这样的:

  • 段落,列表项或其他文字内的文字&#39; element:在不改编的情况下应用作者的风格。

  • DIV内的文字或其他非特定元素:视为&#39;纯文本&#39;并且适应&#39;根据Mobile Safari的规则大小。

所以 - 简短的回答是,将文本包装在一个段落中,并将字体大小规则应用于该段落。

SOURCE

答案 1 :(得分:0)

我认为您只需修复此meta标记,尝试将其添加到您的HTML

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