发表于2011年10月16日,星期日,at 15:21,分类: 前端重构, 9 人吐糟
chrome 谷歌 google

chrome 谷歌 google

为什么谷歌浏览器(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;

 

打完收工,关于这个问题的解决办法就是这样,搞定。


声明: 除非注明,分享圈子文章皆为原创,采用 BY-NC-SA 协议进行授权.转载引用请完整注明以下信息:

博客昵称:甘小波分享圈子

本文标题:为什么谷歌浏览器(chrome)字体不能小于12px(像素)

本文地址:https://www.ganxb2.com/xb/653.html

小波分享圈子

常年活动于网络,与网络打交道,有点小梦想的幻想主义web页面仔,喜欢摄影,重构,前端,设计,seo

Stay Hungry, Stay Foolish — Steven Paul Jobs

求知若饥,虚心若愚 — 史蒂夫 乔布斯

上一篇-早些时候的:

下一篇-方才更新的:

已有 9 位传说中围观群众围观了这篇文章

  1. #5
    康清玉

    康清玉

    12/25/2015 于 13:07

    顶!!!!!!!!!!

  2. #4
    p2h网页标准

    p2h网页标准

    07/03/2012 于 14:43

    过来借鉴一下

    • 小波

      小波

      07/04/2012 于 17:22

      [嘻嘻] 拿走木关系~~~哈哈

  3. #3
    李红星

    李红星

    10/20/2011 于 09:00

    8-O 亲,如果希望当其他朋友评论回复您的留言时能及时收到邮件提醒,请务必填写您常用的邮箱噢~例如:QQ邮箱!!!

  4. #2
    quilts china

    quilts china

    10/17/2011 于 13:16

    Good post.Thank you for sharing this wonderful article.

  5. #1
    科士威特惠屋

    科士威特惠屋

    10/17/2011 于 10:05

    看不太明白..

    • 小波

      小波

      10/17/2011 于 11:43

      就是如果你定义字体小于12px(假如为8px)
      在chrome下面是不会显示你定义的大小,它最小只显示12px

是时候咯,用留言,成为传说中围观群众!!! -.-