html中size是设置什么意思,CSS的font-size-adjust属性有什么用？

CSS中的font-size-adjust属性用于根据小写字母而不是大写字母的高度调整字体大小，并提供更好的字体大小控制。当文本具有多种样式并在这些样式之间进行更改时调整字体时，它非常有用。

font-size-adjust 属性为某个元素规定一个 aspect 值，这样就可以保持首选字体的 x-height。

一种字体的 x-height(即，小写字母 'x' 的高度)与 "font-size" 高度之间的比率被称为一个字体的 aspect 值。它决定了文本的显示尺寸。

当字体拥有高的 aspect 值时，那么当此字体被设置为很小的尺寸时会更易阅读。举例：Verdana 的 aspect 值是 0.58(意味着当字体尺寸为 100px 时，它的 x-height 是 58px )。

语法：font-size-adjust: number|none|initial|inherit;

属性值：

●　number：将数字设置为font-size-adjust属性。

●　none：设置默认值。

●　initial：它将font-size-adjust属性设置为其默认值。

●　inherit： font-size-adjust属性从其父级继承。

假设在一个段落中有两个 span 元素，为了方便对比，在每个 span 元素中包含一个小写字母 'b'：

bb

两个 span 元素的字体大小都是 100px，而它们使用的字体不同，第一个 span 元素使用 Verdana 字体，第二个 span 元素使用 Times 字体：p {

font-size: 100px;

}

span:nth-child(1) {

font-family: Verdana;

}

span:nth-child(2) {

font-family: Times;

}

效果图对比：

如何可以把一个元素的 font-size-adjust属性，设置为期望字体的 aspect 值，就可以保证它和期望字体具有相同的显示尺寸。span:nth-child(2) {

font-family: Times;

font-size-adjust: 0.58;

}

这样两种字体就具有相同的显示尺寸，就能保证在改变字体时，不会影响文本的易读性，也不会导致页面混乱。

示例：

.demo1 {

font-family: Verdana;

}

.demo2 {

font-family: Times;

font-size-adjust: 0.58;

}

CSS font-size-adjust属性

This is a test text!

This is a test text!

效果图：

注：Internet Explorer 不支持 font-size-adjust 属性。