【css】字体大小适配屏幕

css字体适配屏幕

诉求：css字体适配不同屏幕，字体大小随屏幕大小而变大变小，可以应用如下css属性：

 font-size: 14px;
 font-variation-settings: 'opsz' auto;
 font-feature-settings: 'kern' on;  

• 字体特性：font-variation-settings: 'opsz' auto实现了光学尺寸自动调整，让字体在不同尺寸下保持最佳可读性。
• 继承机制：所有子元素默认继承body的字体设置。