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

我有两个JSP页面，其中包含以下代码：

A.jsp

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

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

在web浏览器中打开标签时，标签标签的字体大小会有所不同：

A.jsp

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

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

B.jsp

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

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

有人知道发生了什么

注：我的电脑里有一个网络过滤器，我不能显示图像。以下是网址：

A.jsp：

---

B.jsp:

使用根ems

rem

而不是

em

可以达到这个目的

如果您想支持较旧的浏览器，可以使用回退。在这种情况下，它将如下所示：

label{
    font-size:15px;
    font-size:1rem;
}

他们是这样工作的：

---

较旧的浏览器将忽略他们不知道的css规则（在本例中为rem）。虽然知道css规则的较新浏览器只会覆盖上一个。

缩放级别-令人尴尬，但我的问题是，我有一个浏览器窗口的缩放级别设置为100%以上，而另一个浏览器窗口的缩放级别正好为100%。我不知道为什么我不想先检查一下，但我会把答案贴在这里，以防它对没有想到它的人有所帮助。

我建议使用浏览器的devtools来检查“计算样式”。
在那里你可以看到

• 计算出的字体大小
• 遵守的级联规则

---

如果没有完整的页面和完整的样式表，则只能猜测。

lagend和table都有不同的类Yes cor，但我的问题在于标记。您正在使用

em

作为

字体大小

，这意味着它将根据当前字体大小进行缩放。似乎在某个父元素中设置了固定宽度的

字体大小
，我打赌@hiddenhobes是正确的。检查有问题标签的父节点中是否没有不同的字体大小。是否检查了devtools中的元素，看看它的实际大小，以及它来自何处？然后我建议IE8使用固定大小，而never浏览器使用相对大小。这样：
label{font-size:15px；font-size:1rem；}
+1表示@schtalian的评论。这正是我过去支持IE8字体大小的方式。它确实有效-只需确保px值第一，rem第二。感谢Schtalian提供的信息！！我会很好地尝试，我使用它，它解决了问题。但在解决了另一个问题之后，我们找到了真正的问题。有人把一张桌子放到另一张桌子上…天哪！因此，使用em字体大小，它看起来更小。是的，这不是有效的html。最好先解决这个问题：）