谷歌浏览器字体小于12px解决方法

场景：

思路：

方案：

1.使用 -webkit-text-size-adjust CSS 属性： 在需要应用小于12px字体大小的元素上添加以下样式：

-webkit-text-size-adjust: none;

2.使用 transform: scale() 缩放元素： 在需要应用小于12px字体大小的元素上添加以下样式：

transform: scale(0.8);
transform-origin: 0 0; /* 或根据需要设置正确的缩放原点 */

3.使用 zoom 缩放页面： 在页面的根元素（如 <body>）上添加以下样式：

zoom: 0.8; /* 根据需要设置正确的缩放比例 */

.

posted @ 2022-09-15 23:59  每天都要进步一点点  阅读(94)  评论(0)    收藏  举报