相同的字体大小在相同的web浏览器中看起来不同
相同的字体大小在相同的web浏览器中看起来不同
提问于 2014-09-18 15:50:58
我有两个JSP页面，其中包含以下代码：
A.jsp
<fieldset>
<legend class="noBold" >Datos generales</legend>
<table>
<tr>
<td class="etiqueta" colspan="5">
<label for="fxPresentacion">Fecha presentación:</label>
</td>
</tr>
... more code ...
</table>
</fieldset>B.jsp
<fieldset>
<legend class="">Datos generales</legend>
<table class="estiloTabla">
<tr>
<td class="etiqueta">
<label for="fxSolicitud">Fecha solicitud:</label>
</td>
</tr>
... more code ...
</table>这两个页面使用相同的CSS：
label {
color: inherit;
font-size: 0.98em;
border: 0px;
}当您在web浏览器中打开它时，标签标签看起来有不同的字体大小：
A.jsp
B.jsp
有人知道发生了什么吗？
附言:我的电脑里有一个网页过滤器，我不能显示图片。以下是URL：
回答 3
Stack Overflow用户
发布于 2019-05-10 06:38:38
缩放级别-令人尴尬，但我的问题是，我将一个浏览器窗口的缩放级别设置为高于100%，而另一个浏览器窗口的缩放级别恰好为100%。我不知道为什么我没有想过先检查一下，但我会在这里发布答案，以防它对其他没有想到它的人有所帮助。
Stack Overflow用户
发布于 2019-05-10 08:27:27
我推荐使用浏览器的devtools来检查“计算样式”。
你可以看到..。
尊重的级联规则计算的字体大小
没有完整的页面和完整的样式表，只能猜测。
Stack Overflow用户
发布于 2014-09-18 16:02:43
使用root-em rem而不是em可以做到这一点。
如果您希望支持较旧的浏览器，则可以使用回退。在本例中，它将如下所示：
label{
font-size:15px;
font-size:1rem;
}它们是这样工作的：老浏览器会忽略他们不知道的规则(在本例中是rem)。而较新的浏览器，知道css规则，将简单地覆盖以前的规则。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25907084
复制相关文章
相似问题