Question

我们的客户要求一个网站，但不想支付移动版本。我们仍在使其在移动设备上运行。当完全放大时，Android上的Chrome（4.0）正在缩放大量文本。我们已经尝试设置-webkit-text-size-adjust：none属性，但它似乎被忽略，文本仍在扩展。

适用于iOS。

有什么建议吗？

Answer 1

刚刚发现了一个解决方法。将文本的父元素上的最大高度设置为比它看起来要大得多。例如，

<p class="intro">
  This is some text that is appearing blown up 
  and ridiculous on Chrome Mobile.
</p>

p.intro {
  max-height: 5000em;
}

您可以在任何父元素上设置最大高度。它不一定是第一个父母。例如，

<footer class="primary">
  <p class="intro">
    This is some text that is appearing blown up 
    and ridiculous on Chrome Mobile.
  </p>
</footer>

footer.primary {
  max-height: 5000em;
}

Answer 2

请注意，您提到的-webkit-text-size-adjust属性是非标准的。阅读更多相关信息here。

目前，Chrome for Android使用font boosting缩放文字，但无法将其停用。

如果您想要一种禁用字体提升的方法，请提供您的用例并通过new.mcrbug.com记录问题。

Answer 3

<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=yes">代码中的

<head>可能会停用缩放

Answer 4

-webkit-text-size-adjust:none太可怕了！

我的眼部网站很差，并且我的网页不断有200％的默认缩放。使用-webkit-text-size-adjust:none，我无法阅读任何内容，而我的唯一替代方法是使用Firefox。这些是浏览时的头号问题。

太多网站使用此功能，尤其是在网页上嵌入Facebook评论。您应该停止使用它并创建一个可以使用任意大小字体的界面。

Answer 5

我在Android上遇到了与Firefox相同的问题。

我的解决方案是添加样式“float：left;”到包含问题文本的div。

您可能需要将div的宽度设置为与父级相同（以像素为单位或100％），以确保它不会影响其余的div。

请参阅How to prevent mobile browser from resizing text

Android Chrome忽略-webkit-text-size-adjust：none属性。缩小时缩放文本

5 个答案: