admin管理员组文章数量:1531695
2024年4月30日发(作者：)
解决Chrome谷歌浏览器不支持CSS设置小于12px
的文字
不支持小于12pxCSS样式名目
问题分析
谷歌扫瞄器支持font-size小字体办法
解决所需CSS代码
解决前后截图
未解决前HTML+CSS代码截图
解决后HTML+CSS代码截图
把握说明
1、谷歌扫瞄器不支持设置CSS较小字体问题分析
网页经常为了排版美观，会用法忽大或小的文字，通常font-size文
字为12px（像素）文字。设置大于12px文字字体，各扫瞄器都能显
示出CSS所设置文字大小效果。但是CSS设置小于12px文字时候谷歌
扫瞄器google Chrome就不能显示出CSS所设置小于12px的文字字体
效果。
2、谷歌扫瞄器支持设置font-size小于12px像素解决办法 -
TOP
谷歌扫瞄器默认最小字体为12px，小于12px的字体它都以12px显示，
有时我们需要字体小点，特殊是在制作英文网站时，经常用法CSS样
式显示小于12px文字，这样谷歌扫瞄器就不能显示所设置较小的文字。
不过还是有解决计划的。
第 1 页 共 3 页
- TOP
3、解决所需CSS代码 - TOP
在html或者body里添加一句谷歌扫瞄器专有的内核属性样式（或者在
需要设置小文字字体对象CSS挑选器添加也可）如下CSS代码：
html,body{-webkit-text-size-adjust:none;}
或
.divcss5{-webkit-text-size-adjust:none;}
注：假如用法了这个属性，扫瞄器的字体将不能用法放大缩小功能！（就
是按住CTRL键上下滚动鼠标中键的那功能）
尝试换单位-无用：
还有伴侣说用em(字符)作为单位定义字体大小实用。本人亲手测试过，
用em字义的字体在谷歌扫瞄器中最小也不会小于12px。所以是没用
的。临时我只知道上面一种办法
4、设置小字体后扫瞄器对照图 - TOP
谷歌扫瞄器关于font-size字体小于12像素对照图
第 2 页 共 3 页
-webkit-text-size-adjust 的私有 CSS 属性，通过它即可实现字体
HTML+CSS代码前后局部代码截图：
5、设置前HTML+CSS代码截图 - TOP
6、设置CSS样式后DIV+CSS代码截图 - TOP
7、把握与总结 - TOP
谷歌扫瞄器Chrome是Webkit的内核，有一个
大小不随终端设备或扫瞄器影响。
CSS样式定义如下：
-webkit-text-size-adjust:none;
关于谷歌扫瞄器显示CSS样式设置字体大小问题最终尘埃落定，这样
以来其他扫瞄器也不会由于此CSS样式属性而受影响。
第 3 页 共 3 页
版权声明：本文标题：解决Chrome谷歌浏览器不支持CSS设置小于12px的文字 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1714438076a404666.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论