解决谷歌浏览器下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); 来缩小文字大小,但是容易有锯齿,而且不容易定位具体的字号像素

相关推荐
幼儿园技术家1 天前
浏览器加载html、css、js的顺序
前端
爱分享的鱼鱼1 天前
Vue生命周期钩子详解与实战应用
前端·vue.js
晴殇i1 天前
CSS Grid 与 Flexbox:现代前端布局的双子星
前端·css
曹卫平dudu1 天前
一起学习TailWind Css
前端·css
sosojie1 天前
and+design的table前端本地分页处理
前端·vue.js
炫饭第一名1 天前
前端玩转 AI 应用开发|SSE 协议与JS中的流式处理🌊
前端·人工智能·程序员
前端老宋Running1 天前
一种名为“Webpack 配置工程师”的已故职业—— Vite 与“零配置”的快乐
前端·vite·前端工程化
用户6600676685391 天前
从“养猫”看懂JS面向对象:原型链与Class本质拆解
前端·javascript·面试
parade岁月1 天前
我的第一个 TDesign PR:修复 Empty 组件的 v-if 警告
前端
云鹤_1 天前
【Amis源码阅读】低代码如何实现交互(下)
前端·低代码·架构