font-size

font-size CSS 属性设置字体大小。更改字体大小还会更新字体大小相关的 <length> 单位，例如 line-height 属性的 em 单位值。

uni-app x 兼容性

Android	iOS	web
3.9	4.11	4.0

语法

font-size: <absolute-size> | <relative-size> | <length-percentage>;

font-size 的属性值

large 基于用户默认字体大小（medium）的绝对大小关键字。

larger 相对大小关键字。字体大小将相对于父元素的字体大小变大或变小，大致按照上面用于区分绝对大小关键字的比率。

medium 基于用户默认字体大小（medium）的绝对大小关键字。

small 基于用户默认字体大小（medium）的绝对大小关键字。

smaller 相对大小关键字。字体大小将相对于父元素的字体大小变大或变小，大致按照上面用于区分绝对大小关键字的比率。

x-large 基于用户默认字体大小（medium）的绝对大小关键字。

x-small 基于用户默认字体大小（medium）的绝对大小关键字。

xx-large 基于用户默认字体大小（medium）的绝对大小关键字。

xx-small 基于用户默认字体大小（medium）的绝对大小关键字。

xxx-large 基于用户默认字体大小（medium）的绝对大小关键字。

math 使用特殊的数学缩放规则来确定 font-size 属性的计算值。

默认值

平台	默认值
uvue	16px

注意：W3C 默认值为：medium

适用组件

• text
• button
• input
• textarea

兼容性

font-size 的属性值兼容性

	Android	iOS	web
large	x	x	4.0
larger	x	x	4.0
medium	x	x	4.0
small	x	x	4.0
smaller	x	x	4.0
x-large	x	x	4.0
x-small	x	x	4.0
xx-large	x	x	4.0
xx-small	x	x	4.0
xxx-large	x	x	4.0
math	x	x	4.0

浏览器兼容性

	Chrome	Edge	Firefox	Opera	Safari	IE
font-size	√（ 1 ）	√（ 12 ）	√（ 1 ）	√（ 7 ）	√（ 1 ）	√（ 5.5 ）

App平台差异

App平台仅支持以像素值（px）和相对像素值（rpx）设置字体大小，默认值为16px。属性值可以不设置单位，不设置单位时当做 px 处理。
font-size 样式不支持继承，仅对text组件生效。

不支持百分比的值
不支持基于用户默认字体大小的绝对大小关键字，如small、medium、large等
不支持em、rem、ex等单位

Web规范

属性值必须设置单位，无单位时当做非法值处理

参见

• MDN Reference
• 相关 Bug