CSS中xx-large和large的区别是什么？

如何解决CSS中xx-large和large的区别是什么？

我正在阅读CSS的相对大小和绝对大小，并遇到了这个问题。

always @(Go,Clr,Stop,Done,allDone,lost,nextLED) begin 和always @* 之间除了绝对和相对之外还有什么区别？比例因子又是什么意思？

在浏览器中，较大值似乎小于xx-large。为什么？

xx-large

larger

解决方法

有时larger比xx-large大，有时相反。一个是相对尺寸值，另一个是绝对尺寸值。请参见下面的示例以获取说明。

larger（不要与large混淆）是一个 relative 大小的关键字，它将使文本的大小比当前大小增加一步。 / p>

xx-large是一个绝对大小的关键字，它将文本的大小设置为特定大小，而不管其当前大小是什么。

有关更多信息，请参阅Mozilla's CSS docs on the font-size property。

示例1

在此，body元素的font-size设置为24px。

在段落中添加xx-large，将其大小绝对设置为32px。

在段落中添加larger会相对于主体 上设置的基本大小增加到28.8px。

body { font-size: 24px; }
.xx-large { font-size: xx-large; }
.larger { font-size: larger; }

<p>base size</p>
<p class="xx-large">xx-large size</p>
<p class="larger">larger size</p>

示例2

如果将body元素的font-size更改为48px，我们可以看到这两个值之间的差异。

在段落 still 中添加xx-large，将其大小绝对设置为32px。

但是，在段落中添加larger会相对于主体 设置为57.6像素。

body { font-size: 48px; }
.xx-large { font-size: xx-large; }
.larger { font-size: larger; }

<p>base size</p>
<p class="xx-large">xx-large size</p>
<p class="larger">larger size</p>