①HTML：span style="--num:50"/span、span style="--num:90"/span、span style="--num:99"/span、span style="--num:100"/span、span style="--num:1234"/span；
CSS：span {counter-reset: num var (--num);content: counter (num);font-size: min (16px, calc (10000px - var (--num) * 100px));} span::after {content: '99+'; font-size: min (16px, calc (var (--num) * 100px - 9900px));}；
②好处：HTML 代码更干净；维护更方便；性能 UP 了一丝丝；装逼 + 1；HTML 中显示的是精准的未读消息数值，对辅助设备更加友好；
③当 CSS 属性值超过其合法范围后，会使用边界值作为其计算值；
（参考：www.zhangxinxu.com/wordpress/2…
