
我们可以使用 CSS 提供的“font-size-adjust”属性来调整文本的字体大小。 “font-size-adjust”属性允许我们调整到通用字体大小,无论文档中使用不同的字体系列(如果有)。这样,我们就可以相对于文档中大写字母的字体大小来调整文档中使用的小写字母的字体大小。
语法
font-size-adjust: number | initial | none | inherit | revert | revert-layer | unset
“font-size-adjust”可以采用上面列出的许多值。这些值帮助我们调整到通用的字体大小,无论使用哪种字体系列。
注意 - 在继续示例之前,请确保使用 Firefox,因为“font-size-adjust”属性目前仅可在 Firefox 作为主要浏览器中使用。
示例 1
在此示例中,我们将小写字母的字体大小调整为所使用的不同字体系列的默认字体大小的一半。
睿拓智能网站系统-睿拓企业网站系统1.2免费版软件大小:6M运行环境:asp+access本版本是永州睿拓信息企业网站管理系统包括了企业网站常用的各种功能,带完整的后台管理系统,本程序无任何功能限制下载即可使用,具体功能如下。1.网站首页2.会员注册3.新闻文章模块4.产品图片展示模块5.人才招聘模块6.在线留言模块7.问卷调查模块8.联系我们模块9.在线QQ客服系统10.网站流量统计系统11.后
How to auto adjust font size using CSS? How to auto adjust font size using CSS?
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Minus ipsa maiores ratione dolores consectetur soluta a hic recusandae fugiat quibusdam beatae voluptatum, repudiandae ipsam ex fuga nobis numquam corporis magnam?
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Minus ipsa maiores ratione dolores consectetur soluta a hic recusandae fugiat quibusdam beatae voluptatum, repudiandae ipsam ex fuga nobis numquam corporis magnam?
示例 2
在此示例中,我们将小写字母的字体大小调整为所使用的默认字体系列的默认字体大小的一半。
立即学习“前端免费学习笔记(深入)”;
How to auto adjust font size using CSS? How to auto adjust font size using CSS?
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Minus ipsa maiores ratione dolores consectetur soluta a hic recusandae fugiat quibusdam beatae voluptatum, repudiandae ipsam ex fuga nobis numquam corporis magnam?
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Minus ipsa maiores ratione dolores consectetur soluta a hic recusandae fugiat quibusdam beatae voluptatum, repudiandae ipsam ex fuga nobis numquam corporis magnam?
结论
在本文中,我们通过两个不同的示例了解了“font-size-adjust”属性是什么,并使用它来使用 CSS 自动调整文档中文本的字体大小。在第一个示例中,我们将小写字母的字体大小调整为自定义字体默认字体大小的一半,在第二个示例中,我们将小写字母的 font-size 调整为默认字体大小的一半默认字体。









