浏览器css字体大小font-size小于12px时不生效，总是 12px

已于 2023-10-12 17:48:50 修改
阅读量576 收藏 2
点赞数 2
文章标签： css javascript 前端 chrome
于 2023-10-12 17:47:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/M_E_i/article/details/133796039
版权

今天遇到UI定义一个非常小字体的图

发现字体到达12px之后 ，无论多少小都无法改变

浏览器控制台定义8px依然无效

这时候如果是谷歌浏览器   需要在去浏览器设置重新设置字体大小

chrome://settings/fonts     有一个“最小字体大小”的设置

这时候吧设置拉到最小0就好了

孜然卷k
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
postcss-pxtorem:px转rem，基于postcss
05-09
postcss-pxtorem 移动端px to rem 例如设计师给出640px的设计稿，写css样式的时候，就按照640px切图，单位px。 完工后，js或者css媒体查询，设定1... //默认根目录字体大小(px) "root_value": 20, //保留小数位 "uni
前端大厂最新面试题-less_12px.docx
06-06
Chrome 浏览器中，中文版浏览器会默认设置页面的最小字号是 12px，这是因为 Chrome 团队认为汉字小于 12px 就会增加识别难度。英文版浏览器没有限制。用户可以在 Chrome 的设置中（chrome://settings/languages）把...
css 设置字体大小(小于12px)不起作用解决方案
weixin_43305450的博客
07-12 481
原因是 Chrome 以及 Chromium 内核的浏览器在中文语言下最小字体只能是 12px，大部分浏览器都是如此。如果执意要设置小于 12px 的字体，那只能使用 transform: scale() 缩放属性来实现。使用 font-size 设置小于 12px 的字体时，发现并不生效（字体不会再缩小了）。
css 实现文字小于12px（浏览器呈现）
wu_2004的博客
09-05 786
利用transform的scale属性进行缩放效果。利用zoom缩放属性。
谷歌浏览器css font-size 10px以下不生效
最新发布
芳草萋萋鹦鹉洲哦
05-16 310
chrome://settings/fonts 外观——自定义字体——最小字号，修改此处配置即可。这时候如果是谷歌浏览器 需要在去浏览器设置重新设置字体大小。做页面时发现字体到达12px之后 ，无论多少小都无法改变。F12 浏览器控制台定义8px依然无效。
font-size 小于 12px 无效
Star丶Xing
05-06 1082
问题 测试在 Chrome 浏览器中，设置 font-size 小于 12px 时无效。 示例 在线运行 以下是在 Chrome 中运行的结果。可以看到 0px 是生效的，但是小于 12px 的设置，统统和 12px 的文字大小一样。 原因 Chrome 认为 12px 以下的字体阅读不舒适。所以默认限制字体不能小于12px，但是允许设置为 0px。 这个最小字号，在 chrome://sett...
font-size 设置字体不生效解决方案（小于12px）
zhaojiaxing123的博客
11-25 2228
font-size 设置字体不生效解决方案（小于12px）
CSS - font-size 设置小字体不生效解决方案（小于12px）
weixin_63722092的博客
10-10 5246
CSS - font-size 设置小字体不生效解决方案（小于12px）
【已解决】浏览器无法设置小于12px的字体大小（font-size）
程序边界
07-25 481
小于12px时无效，字体不会再缩小。Chrome浏览器中，设置。原理对整个盒子进行缩放。
详解CSS3中border-image的使用
09-25
**CSS3中的`border-image`属性详解** 在CSS3中，`border-image`是一个非常强大的特性，它允许我们使用图像来定义元素的边框样式，从而创造出更具视觉吸引力的效果。这个属性是CSS3入门学习中的基础知识，对于提升...
关于css中line-height(行高)设置无效的问题的解决方法
09-22
这是因为在CSS中，`font`属性是一个简写属性，它可以同时设置`font-style`、`font-variant`、`font-weight`、`font-size`和`line-height`（以及`font-family`）。如果`line-height`在`font`属性之后指定，那么它会被...
css font-size 失效,css font-size不管用的经解决方法
weixin_36159799的博客
08-04 6397
css font-size不管用的经解决方法发布时间：2020-12-04 11:15:44来源：亿速云阅读：126作者：小新这篇文章主要介绍了css font-size不管用的经解决方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。css font-size不管用的解决办法：1、尽量设置大于或等于12px的字体大小；2、在div cs...
让浏览器支持小于12px 的文字
qq_43039818的博客
07-26 496
该方法兼容更多浏览器，但scale属性只对可以定义宽高的元素生效，因此需要把内联元素转化为行内元素。因此当有时想要修改内联元素（如span）的font-size值小于12px时，会发现修改无效。在一些浏览器中内联元素的字体大小有一个最小的默认值，通常是 12px。将span元素文字的大小在12px的基础上缩放至其0.8倍。将span元素文字的大小在12px的基础上缩放至其0.8倍。
CSS字体如何设置字体变小，为什么设置不了字体变小？
weixin_49006730的博客
12-19 4231
CSS字体如何设置字体变小，为什么设置不了字体变小？
【Css】fontSize最小字体12px，如何还能再小？（已解决）
【敦厚的曹操】的专栏
03-20 3532
通过缩放来解决 color:rgb(98, 98, 98); transform: scale(0.9); /* 用缩放来解决 */ transform-origin: 0 0; /* 左对齐 */ .shop_map span{ display:inline-block; color:rgb(98, 98, 98); transform: scale(0.9); /* 用缩放来解决 */ transform-origin: 0 0; /* 左对齐 */ } ..
移动端字体小于12px的解决方案
热门推荐
besttoby01的博客
03-21 2万+
1.移动端的字体大小最小为12px。两种解决方案：第一种，使用transform: scale(0.7);css的属性，可以缩放大小。第二种，使用display:table; display: table-cell;给其套一个父元素，使用table布局方式。也可以解决。第一种比较简单。第二种就一大堆css样式。.label-parent { display:table; heigh...
移动端实现横向滚动+如何设置字号小于12px
joe_324的博客
11-23 184
移动端实现横向滚动 .users { display: -webkit-box; overflow-x: scroll; } ..users::-webkit-scrollbar { width: 0; height: 0; display: none; } .users .user-item { width: 3.8rem; box-sizing: border-box; margin-right: 0.2rem; color: #333; text-align
移动端小于12px的字体处理方法
ioncannontic的博客
06-17 494
移动端小于12px的字体处理方法
Chrome浏览器下CSS字体大小设置小于12px无效问题
06-08
这个问题可能是由于Chrome浏览器默认的最小字体大小设置引起的。Chrome浏览器在默认情况下将最小字体大小设置为12px，如果您的CSS设置的字体大小小于12px，那么浏览器会自动将字体大小设置为12px，从而导致您的CSS设置无效。 要解决这个问题，您可以通过在CSS中添加以下代码来覆盖Chrome浏览器的默认设置： ``` body { -webkit-text-size-adjust: none; } ``` 这个CSS属性可以防止浏览器自动缩放字体大小，从而保证您的CSS设置生效。如果您只想禁用Chrome浏览器的最小字体大小限制，可以使用以下代码： ``` body { -webkit-text-size-adjust: 100%; } ``` 这将使Chrome浏览器按照您的CSS设置显示字体大小，而不是自动将其缩放到12px。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值