时间戳

首页 > 解决方案 > 浏览器未呈现 CSS 字体大小

html - 浏览器未呈现 CSS 字体大小

问题描述

我有一个从数据库动态创建网站的 php 脚本。为了更好的可读性，我想使用两种不同的字体大小，名称较大，日期较小。我读了很多，最后在输出中添加了“span id”。

#Klein {
  font-size: 1em;
}
<div class='Liste'><a class='linkz3' href='index_dev.php?gekauft=49'>TK-Pommes&nbsp;<span id="Klein"> 2020-12-22</span></a>

当我在 Firefox 检查器中查看页面时，CSS 中的小字体被浏览器识别为 span 标记内的日期字符串，但字体大小没有区别，请参见附件截图

由于 Firefox Linux、Firefox Android 和 Chrome Android 的行为都相同，我一定是搞错了。但是哪个？

标签： htmlcss

解决方案

您面临的问题是1em父元素的大小。简而言之，使用emover的优点px是可以em缩放 wherepx不缩放。

因此，要使其更小，您应该尝试以下操作：

#Klein
{
    font-size: 0.5em;
}
<div class='Liste'>
  <a class='linkz3' href='index_dev.php?gekauft=49'>
    TK-Pommes&nbsp;
    <span id="Klein"> 2020-12-22</span>
  </a>
</div>

推荐阅读