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

相关推荐
奶球不是球3 分钟前
el-table(elementui)表格合计行使用以及滚动条默认样式修改
前端·vue.js·elementui
liuyang___6 分钟前
vue管理布局左侧菜单栏NavMenu
前端·javascript·vue.js
@业精于勤荒于嬉15 分钟前
将图片存储至阿里云 OSS
前端·阿里云·云计算·oss
前端Hardy30 分钟前
HTML&CSS&JS:必学!用粒子爆炸效果,让按钮点击 “告别枯燥”
javascript·css·html
前端Hardy33 分钟前
HTML&CSS&JS:必看!主题“自动换装”,10+风格随机切换超惊艳
javascript·css·html
打野赵怀真40 分钟前
render函数中return如果没有使用()会有什么问题?
前端·javascript
Riesenzahn42 分钟前
写一个左中右的满屏布局,左右固定220px,中间自适应并且要优先加载
前端·javascript
Riesenzahn42 分钟前
css在页面上画一个正方形,边长为页面宽度的一半
前端·javascript
tommyrunner44 分钟前
Cursor rule文件测试 一秒了解AI行为规则文件
前端·cursor
北京_宏哥1 小时前
《手把手教你》系列基础篇(九十三)-java+ selenium自动化测试-框架设计基础-POM设计模式实现-上篇(详解教程)
java·前端·selenium