Properti ini memberi pengembang kemampuan untuk mengatur font-sizeelemen bergantung pada ukuran huruf kecilnya, dan bukan huruf besar.
.element ( font-size: 22px; font-size-adjust: .5; )Dalam hal ini huruf kecil hurufnya tinggi 11px, kerana 22 x .5 = 11.
Semasa memuatkan font, kemungkinan terdapat nisbah aspek yang berbeza antara huruf kecil font fallback dan jenis huruf yang baru dimuat, jadi font-size-adjustberguna untuk mengawal jumlah reflow ketika kita menyatakan yang baru font-familydan melihat Flash of Unstyled Text (FOUT).
Dalam demo di bawah ini, adalah mungkin untuk menghidupkan dan mematikan sifat ini untuk menunjukkan bagaimana fon web seperti Chaparral berbeza dengan ketinggian x dan penjajaran aksara di Times, fon pengganti. Tetapi berhati-hatilah, harta tanah ini hanya disokong oleh sebilangan kecil penyemak imbas pada masa ini.
Ini boleh memberi kesan dramatik ketika disetel pada sebahagian besar teks badan, dan meningkatkan kerlipan yang berlaku ketika beralih antara fallback dan fon yang baru dimuat:
Maklumat lanjut
- MDN
- W3C
Sokongan penyemak imbas
Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.
Desktop
| Chrome | Firefox | IE | Hujung | Safari |
|---|---|---|---|---|
| Tidak | 3 | Tidak | Tidak | Tidak |
Mudah Alih / Tablet
| Android Chrome | Android Firefox | Android | Safari iOS |
|---|---|---|---|
| Tidak | Tidak | Tidak | Tidak |