blocks|key|2509045|text|使用root-em+rem而不是em可以做到这一点。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2509046|如果您希望支持较旧的浏览器，则可以使用回退。在本例中，它将如下所示：|2509047|label{
++++font-size:15px;
++++font-size:1rem;
}|code-block|syntax|javascript|2509048|它们是这样工作的：老浏览器会忽略他们不知道的规则(在本例中是rem)。而较新的浏览器，知道css规则，将简单地覆盖以前的规则。|BOLD|2509049|entityMap^0|A|3|G|2|0|0|0|M|15|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|X|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Y|8|@$9|Z|A|10|B|O]]|D|@]|E|$]]|$1|P|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|Q|$]]

using root-ems <code>rem</code> instead of <code>em</code> could do the trick.

If you want to support older browsers you can use fallbacks. In this case it would look like this:

<pre><code>label{
 font-size:15px;
 font-size:1rem;
}
</code></pre>

They work like this:
Older browsers will ignore the css rule they don't know (in this case rem). While newer browsers, which know the css rule, will simply overwrite the previous one.

blocks|key|39031|text|缩放级别-令人尴尬，但我的问题是，我将一个浏览器窗口的缩放级别设置为高于100%25，而另一个浏览器窗口的缩放级别恰好为100%25。我不知道为什么我没有想过先检查一下，但我会在这里发布答案，以防它对其他没有想到它的人有所帮助。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|39032|entityMap^0|0|4|V|9|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

ZOOM LEVEL - Embarrassing, but my issue turned out to be that I had one browser window zoom level set above 100% whereas the other browser window had a zoom level of exactly 100%. I don't know why I didn't think to check that first, but I'll post the answer here in case it helps someone else who didn't think of it.

blocks|key|38892|text|我推荐使用浏览器的devtools来检查“计算样式”。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|38893|你可以看到..。|38894|38895|unordered-list-item|38896|38897|尊重的级联规则计算的字体大小|38898|没有完整的页面和完整的样式表，只能猜测。|38899|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|A|$]]|$1|E|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|R|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|S|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|T|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|M|$]]

I recommend using the browser's devtools for checking the "computed style". 
There you can see...

<ul>
<li>The calculated font-size</li>
<li>The cascading rules which are respected</li>
</ul>

Without the complete page and the complete stylesheet it is only possible to guess.

I have two JSP pages with the following code:

A.jsp

<pre><code>&lt;fieldset&gt; 
&lt;legend class="noBold" &gt;Datos generales&lt;/legend&gt; 
&lt;table&gt; 
 &lt;tr&gt;
 &lt;td class="etiqueta" colspan="5"&gt;
 &lt;label for="fxPresentacion"&gt;Fecha presentaci&amp;oacute;n:&lt;/label&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 ... more code ...
 &lt;/table&gt;
 &lt;/fieldset&gt;
</code></pre>

B.jsp

<pre><code>&lt;fieldset&gt;
&lt;legend class=""&gt;Datos generales&lt;/legend&gt;
&lt;table class="estiloTabla"&gt; 
 &lt;tr&gt;
 &lt;td class="etiqueta"&gt;
 &lt;label for="fxSolicitud"&gt;Fecha solicitud:&lt;/label&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 ... more code ...
&lt;/table&gt;
</code></pre>

Both pages uses the same CSS:

<pre><code>label {
 color: inherit;
 font-size: 0.98em;
 border: 0px;
}
</code></pre>

And when you open it in a web browser, label tags looks with different font sizes:

A.jsp

<img src="https://i.stack.imgur.com/hbxBQ.png" alt="A.jsp">

B.jsp

<img src="https://i.stack.imgur.com/mdhcm.png" alt="B.jsp">

Someone knows what's happen?

P.S: I have a web filter in my PC and I can't show the images. Here are the URL's:

A.jsp: <a href="https://i.stack.imgur.com/hbxBQ.png" rel="nofollow noreferrer">http://i.stack.imgur.com/hbxBQ.png</a>

B.jsp: <a href="https://i.stack.imgur.com/hbxBQ.png" rel="nofollow noreferrer">http://i.stack.imgur.com/hbxBQ.png</a>

Same font size looks different in same web browser

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

我有两个JSP页面，其中包含以下代码：A.jsp<fieldset> <legend class="noBold" >Datos generales</legend> <table> <tr> <td class="etiqueta" colspan="5"> <la...

问相同的字体大小在相同的web浏览器中看起来不同
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问相同的字体大小在相同的web浏览器中看起来不同EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问相同的字体大小在相同的web浏览器中看起来不同
EN