加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
MooKwai全局样式字号与规格

字号与规格

MooKwai 内置了两种形式的字号规格,分别为“常规文字”与“可缩放文字”。 常规文字 常规文字即页面缩放时,文字字号为固定尺寸,而为了在不同设备上以更好的显示,常规文字提供了四套字号进行切换,分别为基本尺寸、大屏尺寸、平板端、移动端。 可缩放文字 可缩放文字即文字大小可根据窗口的宽度变化而自动变化,让您的文字在页面中始终与窗口宽度的比例保持一致。可缩放文字还可根据屏幕的宽高比自动调整文字尺寸,…

文章目录

MooKwai 内置了两种形式的字号规格,分别为“常规文字”与“可缩放文字”。

常规文字

常规文字即页面缩放时,文字字号为固定尺寸,而为了在不同设备上以更好的显示,常规文字提供了四套字号进行切换,分别为基本尺寸、大屏尺寸、平板端、移动端。

可缩放文字

可缩放文字即文字大小可根据窗口的宽度变化而自动变化,让您的文字在页面中始终与窗口宽度的比例保持一致。可缩放文字还可根据屏幕的宽高比自动调整文字尺寸,常用于标题等较大的文字。

配置选项

常规文字

常规文字包含了以下 4 个不同的规格,系统将判断窗口宽度后自动调用相应的文字规格:

  • 桌面端:窗口宽度 1201 – 1600px
  • 大屏:窗口宽度 1601px 及以上
  • 平板电脑:窗口宽度 901 – 1200px(横)以及 601 – 900 px(竖)
  • 移动端:窗口宽度 900px 及以下(横)以及 600px 及以下

自定义名称

String 可输入任意字符,方便您进行识别。

字号

Number 设置文字大小,详细说明可参考 CSS 属性:font-size

行高

Number 设置多行元素的空间量,如多行文本的间距。对于块级元素,它指定元素行盒(line boxes)的最小高度。详细说明可参考 CSS 属性:line-height

字母间距

Number 设置文本单个字母之间的间距。详细说明可参考 CSS 属性:letter-spacing

单词间距

Number 设置标签、单词之间的间距。详细说明可参考 CSS 属性:word-spacing

可缩放文字

自定义名称

String 可输入任意字符,方便您进行识别。

字号

Number 9 ~ 1000 的任意数值,可为整数或浮点数。设置文字大小,详细说明可参考 CSS 属性:font-size

行高

Number -1000 ~ 1000 的任意数值,可为整数或浮点数。设置多行元素的空间量,如多行文本的间距。对于块级元素,它指定元素行盒(line boxes)的最小高度。详细说明可参考 CSS 属性:line-height

字母间距

Number -1000 ~ 1000 的任意数值,可为整数或浮点数。设置文本单个字母之间的间距。详细说明可参考 CSS 属性:letter-spacing

单词间距

Number -1000 ~ 1000 的任意数值,可为整数或浮点数。设置标签、单词之间的间距。详细说明可参考 CSS 属性:word-spacing

竖屏缩放比例

Number 0 ~ 100 的任意数值,可为整数或浮点数。设置文字在竖屏下的缩放比例。

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧