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

相关推荐
apcipot_rain12 小时前
CSS知识概述
前端·css
837927397@QQ.COM13 小时前
个人理解无界原理
开发语言·前端·javascript
冰暮流星13 小时前
javascript之Dom查询操作1
java·前端·javascript
admin and root13 小时前
XSS之Flash弹窗钓鱼
前端·网络·安全·web安全·渗透测试·xss·src
PyHaVolask13 小时前
Linux实用工具与技巧
linux·运维·chrome
qq_3813385013 小时前
[特殊字符] MonkeyCode AI 核心功能详解
前端
万邦科技Lafite13 小时前
淘宝关键词API接口获取分类商品信息指南
java·前端·数据库·开放api·淘宝开放平台
KevinCyao13 小时前
教育营销短信接口开发实战:培训机构接入营销短信API实现招生信息精准触达
前端
WordPress学习笔记14 小时前
GraceTheme定义“优雅大气”的WordPress主题新标准
前端·wordpress·wordpress主题
雨季mo浅忆14 小时前
2999第二项目梳理
前端·项目梳理