中文网页的字体不能小于12px,英文网页的字体不能小于6px(有时候是10px)。
两个替代方案都尝试了,无效:
- 2013年Chrome27 之后-webkit-text-size-adjust 就无效了;
- transform scale的解决方案有硬伤,它不会改变文字所需占据的面积
- 最终解决,还要在浏览器设置上 chrome://settings/fonts 设置最小字体 ```less html{ -webkit-text-size-adjust:none; }
.font-size { font-size: 12px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.8); } ```
chrome://settings/fonts
chrome://settings/fonts