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

相关推荐
X1A0RAN7 分钟前
密匣 PsdKeep:一个属于你自己的 Chrome 账号记事本
前端·chrome
529宝宝起名网18 分钟前
用 Python 开发历史名字查询与起名灵感工具:从古籍人物数据库到名字文化故事生成
开发语言·前端·python
linux_cfan30 分钟前
videojs v10 源代码系列解读:10 · `DestroyMixin`:双重 rAF 延迟销毁
前端·javascript·音视频
计算机魔术师31 分钟前
英伟达是人工智能领域的"中央银行"
前端
我的div丢了肿么办33 分钟前
顶部区域固定,左侧区域滚动,右侧区域滚动,彼此独立
前端·css
雪芽蓝域zzs38 分钟前
第四十六节:顶部【驾驶舱】独立大屏页面实现
前端·javascript·vue.js
IMPYLH1 小时前
HTML 的 <select> 元素
前端·html
爱丶不疚1 小时前
Electron:Module 与 Service 的职责边界与加载时序编排
前端·electron·nestjs
三十而立洋1 小时前
深入浅出 Nginx:从核心原理到实战指南
前端·前端工程化
giszhc1 小时前
腾讯地图瓦片接入方案:一个 Bun 代理,让 Mapbox / Leaflet / OpenLayers 通用
前端·后端