解决谷歌浏览器下CSS设置字体小于12px无效办法,关于如何在chrome里实现小于12px的文字。

关于如何在chrome里实现小于12px的文字。

当然文字缩小到12px以下本来就一定程度影响到可用性了,建议无视chrome的这个特性。

谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,有时我们需要字体小点,特别是在制作英文网站时,所以很蛋疼。不过还是有解决方案的。

在html或者body里添加一句谷歌浏览器专有的属性。

css 复制代码
html,
body {
    -webkit-text-size-adjust: 100%; //也可以设置为none(推荐用100%)
}

当然也可以用transform: scale(.9); 来缩小文字大小,但是容易有锯齿,而且不容易定位具体的字号像素

相关推荐
用户0595401744614 小时前
把大模型记忆召回测试从 30 分钟手工核对压到 3 秒自动化,pytest + FAISS 这套组合救了我
前端·css
醉里博客14 小时前
醉里起始页 Snavigation2.0:纯前端导航页的二开改造与性能优化实践
前端
雪芽蓝域zzs14 小时前
新建前端pnpm(vue js ) 仿若依项目(一)
前端·javascript·vue.js
vipbic14 小时前
网站升级了,我却有点舍不得
前端·vue.js·后端
IT_陈寒14 小时前
Java Stream并行处理让我数据库崩了两次
前端·人工智能·后端
恋猫de小郭14 小时前
Flutter 3.47 首坑,analysis_options 问题连环回归
android·前端·flutter
YWL14 小时前
OpenLayers测距测面:完整测量工具
前端·javascript·vue.js·信息可视化·openlayers
zhanghaha131414 小时前
HTML系列教程:2_HTML 编辑器(零基础超详细讲解
前端·编辑器·html
半旧51814 小时前
【Java Web02】WEB服务器内部实现技术揭秘
java·服务器·前端
拿本唠嗑AI研究15 小时前
现代前端架构爬虫指南:从静态页面到 React/Vue 单页应用
前端·爬虫·架构