?
This document uses PHP Chinese website manual Release
font-size-adjust:none | <number>
默認(rèn)值:none
適用于:所有元素
繼承性:有
動(dòng)畫性:當(dāng)值為 <number> 時(shí)
計(jì)算值:指定值
none:不保留首選字體的 x-height
<number>:定義字體的 aspect 值。
字體的小寫字母 "x" 的高度與字號(hào)之間的比率被稱為一個(gè)字體的 aspect 值
高 aspect 值的字體被設(shè)置為很小的尺寸時(shí)會(huì)更易閱讀。舉例:Verdana 的 aspect 值是 0.58(意味著當(dāng)字體尺寸為 100px 時(shí),它的 x-height 是 58px)。Times New Roman 的 aspect 值是 0.46。這就意味著 Verdana 在小尺寸時(shí)比 Times New Roman 更易閱讀。
可以使用這個(gè)公式來為可用字體推演出合適的字號(hào):可應(yīng)用到可用字體的字體尺寸 = 首選字體的字體尺寸 * (font-size-adjust 值 / 可用字體的 aspect 值)
詳述:如果 14px 的 Verdana(aspect 值是 0.58)不可用,但是某個(gè)可用的字體的 aspect 值是 0.46,那么替代字體的尺寸將是 14 * (0.58/0.46) = 17.65px。
對(duì)應(yīng)的腳本特性為fontSizeAdjust。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0-11.0 | 2.0 | 4.0-43.0 | 3.1-8.1 | 15.0-28.0 | 3.2-8.1 | 2.1-4.4.4 | 18.0-40.0 |
3.0+ |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>font-size-adjust_CSS參考手冊(cè)_web前端開發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> body { font: 14px/1.5 Verdana, Times New Roman; font-size-adjust: .58; } </style> </head> <body> <p>Hello World!</p> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例