blocks|key|155045|text|在我的reset.css中添加以下代码行对我有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|155046|++++html+*+{max-height:1000000px;}|code-block|syntax|javascript|155047|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

adding following line to my reset.css worked for me

<pre><code> html * {max-height:1000000px;}
</code></pre>

blocks|key|3986480|text|不存在禁用字体提升的真正可能性。可能会有一些技巧，但它们的目的是不同的，实际上，做的是不同的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3986481|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

There is no real possibility for disabling font boosting. There may be some hacks, but they are meant for something different and, in fact, do something different.

blocks|key|3986658|text|试试text-size-adjust|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3986659|html+{
++++text-size-adjust:+none;
++++-ms-text-size-adjust:+none;
++++-webkit-text-size-adjust:+none;
++++-moz-text-size-adjust:+none;
}|code-block|syntax|javascript|3986660|entityMap|0|LINK|mutability|MUTABLE|url|https://caniuse.com/#feat=text-size-adjust&search=Text-si^0|2|G|2|G|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

Try <a href="https://caniuse.com/#feat=text-size-adjust&amp;search=Text-si" rel="nofollow noreferrer"><code>text-size-adjust</code></a>:

<pre><code>html {
 text-size-adjust: none;
 -ms-text-size-adjust: none;
 -webkit-text-size-adjust: none;
 -moz-text-size-adjust: none;
}
</code></pre>

blocks|key|3503297|text|看起来有一些人有让它工作的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3503298|Add+some+CSS规则或提供parent+element+width+and+height。|offset|length|3503299|entityMap|0|LINK|mutability|MUTABLE|url|https://bugs.webkit.org/show_bug.cgi?id=84186#c16|1|https://stackoverflow.com/a/11447526/561665^0|0|0|C|0|H|V|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]|$D|U|E|V|1|W]]|A|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]|N|$5|I|J|K|A|$L|O]]]]

It looks like there are a few people that have methods for making it work.

<a href="https://bugs.webkit.org/show_bug.cgi?id=84186#c16" rel="nofollow noreferrer">Add some CSS</a> rules or give <a href="https://stackoverflow.com/a/11447526/561665">parent element width and height</a>.

blocks|key|155071|text|Matt和Kundan+Sankhe答案是目前最好的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|155072|.element+{+max-height:+999999px;+}|code-block|syntax|javascript|155073|如果问题仍然存在，请尝试在head标记中添加以下内容：-|155074|<meta+name="viewport"+content="width=device-width,+initial-scale=1">|155075|但请记住，这可能会导致图像标签或图像背景大小标签出现问题。|155076|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Matt and Kundan Sankhe answer are the best solution at the moment.

<pre><code>.element { max-height: 999999px; }
</code></pre>

If the problem still occur try add this inside the head tag:-

<pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
</code></pre>

But bear in mind that this can cause problem to image tag or image background-size tag.

blocks|key|5713477|text|这是webkit官方的一个bug。你可以在Webkit+official+site上查看|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5713478|你必须只针对你必须覆盖字体提升的特定元素，而不是针对不需要的元素。即|5713479|p+{
+++max-height:+999999px;
}|code-block|syntax|javascript|5713480|entityMap|0|LINK|mutability|MUTABLE|url|https://bugs.webkit.org/show_bug.cgi?id=84186^0|L|K|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

It is a webkit official bug. You can check on <a href="https://bugs.webkit.org/show_bug.cgi?id=84186" rel="nofollow">Webkit official site</a>

You have to target only specific element where you have to override font boosting rather than targeting unwanted elements. i.e. 

<pre><code>p {
 max-height: 999999px;
}
</code></pre>

blocks|key|155134|text|Android+Chrome仅对具有动态高度的元素应用字体提升。一旦指定了最大高度、最大高度或行高，就不会应用字体提升。但是您应该注意像span这样的内联元素，它的高度或最大高度属性是无效的。在这种情况下，您可以将显示设置为inline-block，如下面的代码或其他可设置高度的框类型。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|155135|span+{+++++font-size:12px;+++++line-height:12px;+++++display:inline-block;+}|155136|entityMap^0|16|4|1B|2|1W|4|34|C|0|0|24|0^^$0|@$1|2|3|4|5|6|7|K|8|@$9|L|A|M|B|C]|$9|N|A|O|B|C]|$9|P|A|Q|B|D]|$9|R|A|S|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|T|8|@$9|U|A|V|B|D]]|E|@]|F|$]]|$1|I|3|-4|5|6|7|W|8|@]|E|@]|F|$]]]|J|$]]

Android Chrome only applies font boosting to elements with dynamic height. As soon as you specify a height,max-height or line-height, font boosting is not applied. But you should be careful of the inline element like <code>span</code> whose height or max-height property is invalid. In that case you can set the display to <code>inline-block</code> as the below code or other box types whose height can be setted. 
<code>span {
 font-size:12px;
 line-height:12px;
 display:inline-block;
}</code>

blocks|key|3986652|text|对于台式机，可能是移动端(还没有测试过移动端)，你可以在Chrome和FF中通过在HTML元素上设置一个基本字体大小来禁用字体大小提升。例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3986653|html+{
++font-size:+16px;
}|code-block|syntax|javascript|3986654|这不像max-height那么复杂。但是，从可访问性的角度来看，仍然是肮脏的。|3986655|如果有必要，您也可以使用jQuery来设置它。|3986656|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

For desktops, and likely mobile (haven't tested mobile), you can disable font size boosting in Chrome and FF by setting a base font size on the HTML element. For example:

<pre><code>html {
 font-size: 16px;
}
</code></pre>

This is less hacky than max-height. But, still dirty from an accessibility standpoint.

You can also use jQuery to set this if you have to.

Is it possible to override font boosting in mobile chrome?
I searched the internet before ~including stackoverflow~.

I found that some people say it's impossible, and I also found meta tag that helped the text but also decreased the area of the text... which is not good..

Will appreciate your help..

how to override font boosting in mobile chrome

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

是否有可能覆盖移动chrome中的字体提升？我之前在网上搜索过~包括stackoverflow~。我发现有些人说这是不可能的，我还发现meta标签可以帮助文本，但也减少了文本的面积……这是不好的..将会感谢你的帮助..

问如何覆盖移动chrome中的字体提升
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何覆盖移动chrome中的字体提升EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何覆盖移动chrome中的字体提升
EN