写了一个列表，列表里的文字是12px，ul的宽度是69px，文字部分有英文，英文的大小应该是小于12px的，但是谷歌浏览器不允许设置12px以下的字体大小，有人说可以用body,html{-webkit-text-size-adjust:none;}，但是实际上写上这个代码后，运行发现会被自动划掉。
有人知道怎么解决吗？求大神们指导
11条回答 默认 最新
代码的灵魂是bug！ 2020-12-25 16:14关注是有效果的，你把transform那句注释掉就可以了，你前面说的在vs code里面不是报错，只是一个提醒而已
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2024-12-17 22:29Peter-Lu的博客 这些限制主要是为了保证用户的阅读体验。但对于某些设计场景（如版权声明、标签、图标文本等），我们确实需要实现小于 12px 的字体。
- 2024-02-05 15:45香菜啵子欸的博客 文字需要显示为12px，但是小于12px的，浏览器是显示不来的。
- 2020-09-22 10:42在前端开发中，由于浏览器的默认限制，字体大小通常最小只能设置为12px，这在某些情况下可能无法满足设计师对于更小字体的需求。当设计稿中的字体尺寸为10px或其他小于12px的值时，我们需要寻找解决办法来实现预期...
- 2024-04-14 00:00还是大剑师兰特的博客 虽然在某些浏览器中（如早期版本的Chrome）存在最小字体大小限制，通常会将小于12px的字体强制调整为12px，但仍有一些技巧可以尝试达到小于12px的效果。以下是几种方式的示例代码：
- 2024-06-12 12:57程序员大侠的博客 为了确保小字体能够在不同的设备和浏览器上正常显示，你可以尝试使用视口单位（如 vw、vh）或者根据设备...在这个示例中，我们首先将字体大小设置为 12px，然后使用。将元素缩小到原来的一半，从而实现 6px 的效果。
- 2023-01-02 16:23Particular12.的博客 设置小于12px的字体
- 2020-03-25 16:01骑着猪狂跑的博客 谷歌浏览器默认最小字号为12px，所以即使设置字号为12px以下也不会生效，现在我们要解决的是如何设置小于12px的字体 实现方法 使用缩放 transform:scale()方法即可以实现字号的缩放 <body> <p class=...
- 2025-12-18 16:51DTcode7的博客 它怕你老花眼，也怕你产品经理老花眼，于是把 12 px 以下统统“四舍五入”到 12 px。UI 稿里，标签页上的“NEW”小红点只有 10 px，设计师拍胸脯：“就这么大，不改！但商业场景里，**“协议文字”“标签徽章”...
- 2024-03-14 22:18富朝阳的博客 我们在项目开发过程中有时候会遇到设计师给的小于12px的字体，IE、火狐浏览器、移动端等小于12px的字号大小还是可以正常显示的，但是谷歌浏览器上显示字体最小为12px，css设置font-size：10px，运行代码显示结果仍然...
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月17日
已采纳回答
3月9日