2023年6月21日发(作者：)

css字体⼤⼩兼容性问题css字体⼤⼩兼容性问题记录⼀个在开发过程中遇到的问题，项⽬数据可视化⼤屏界⾯，使⽤的是rem布局，在完成时发现在ie浏览器和⽕狐浏览器字体显⽰正常，⾕歌浏览器字体偏⼤并且换⾏，后来发现是使⽤rem换算成px时字体⼩于12px,在⾕歌浏览器中最⼩字体为12px导致的。解决⽅法：将内容⽤span包裹，将字体设置为⼀个⼤于12px的rem值,然后再⽤transform:scale()解决 /* 兼容⾕歌最⼩字体12px */ font-size: .25rem; white-space: nowrap;//强制不换⾏ transform: scale(.8);//注意元素需要为块级元素 display:inline-block;

2023年6月21日发(作者：)

css字体⼤⼩兼容性问题css字体⼤⼩兼容性问题记录⼀个在开发过程中遇到的问题，项⽬数据可视化⼤屏界⾯，使⽤的是rem布局，在完成时发现在ie浏览器和⽕狐浏览器字体显⽰正常，⾕歌浏览器字体偏⼤并且换⾏，后来发现是使⽤rem换算成px时字体⼩于12px,在⾕歌浏览器中最⼩字体为12px导致的。解决⽅法：将内容⽤span包裹，将字体设置为⼀个⼤于12px的rem值,然后再⽤transform:scale()解决 /* 兼容⾕歌最⼩字体12px */ font-size: .25rem; white-space: nowrap;//强制不换⾏ transform: scale(.8);//注意元素需要为块级元素 display:inline-block;