为什么谷歌浏览器(chrome)字体不能小于12px(像素)
刚把分享圈子网站做好在进行重构设计时曾经就遇到过一次关于字体大小问题
当时因为随机彩色标签云字体默认php函数中最小是8pt,改来改去发现chrome下面字体却始终是12px,很好奇,但是后来因为在其他浏览器上8pt效果不是很好就改了函数的最小字体值,这个问题也随之而不了了之。
昨天在为了seo方面进行重构设计欢迎页面又再次遇到谷歌浏览器(chrome)字体始终最小为12px(像素),去搜了蛤相关资料,找到了原因和解决办法
BUG产生的浏览器版本和系统:
中文版谷歌浏览器(chrome) window系统
[其他系统和英文版本chrome的好像不会有这BUG]
BUG为什么产生:
据说因为chrome开发设计时就认为小于12px字体看不清楚,不利于用户体验所以就主动干预控制最小字体为12px,因此产生了此BUG
BUG解决办法:
1. 写一段代码进行修改系统方面的信息,从而达到不限制最小字体为12px(不推荐,过于麻烦且和系统挂钩不知道修改后的具体影响后遗症)
2.很简单一句css代码,也是做前端童鞋们的修改范畴【推荐】
-webkit-text-size-adjust:none;
打完收工,关于这个问题的解决办法就是这样,搞定。
常年活动于网络,与网络打交道,有点小梦想的幻想主义web页面仔,喜欢摄影,重构,前端,设计,seo
Stay Hungry, Stay Foolish — Steven Paul Jobs
求知若饥,虚心若愚 — 史蒂夫 乔布斯
康清玉
12/25/2015 于 13:07
顶!!!!!!!!!!
p2h网页标准
07/03/2012 于 14:43
过来借鉴一下
小波
07/04/2012 于 17:22
李红星
10/20/2011 于 09:00
小波
10/20/2011 于 12:52
这是神马表情?
quilts china
10/17/2011 于 13:16
Good post.Thank you for sharing this wonderful article.
小波
10/17/2011 于 17:48
You’re welcome
科士威特惠屋
10/17/2011 于 10:05
看不太明白..
小波
10/17/2011 于 11:43
就是如果你定义字体小于12px(假如为8px)
在chrome下面是不会显示你定义的大小,它最小只显示12px