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

问题描述

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

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

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

xx-large
larger

解决方法

有时largerxx-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>

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...