与飘飘有关的日子

As soon as you trust yourself ,you will know how to live.

中文版chrome不支持小于12px字体定义的解决方案

作者：飘飘发表时间：分类：技术25 Comments

前一篇：空调清洗记

后一篇：提问是一门艺术

作为web开发者的我们可能清楚，在中文版的chrome里，定义了小于12px的字体依然显示为12px，可能是chrome的纠正，避免中文看不清楚，同时限制了开发者的灵活性。今天和神飞讨论了下他以前那变态的方案有时会不正常时，发现了另一解决方法，只需定义样式，让字体大小不受设备终端的调整，可以随心所欲了。

webkit的私有属性：

.seletor{-webkit-text-size-adjust:none;}

chrome不支持小于12px字体？-webkit-text-size-adjust

关于-webkit-text-size-adjust的详细使用和解释，请访问：http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/

Tags:css

前一篇：空调清洗记

后一篇：提问是一门艺术

Comments [25]

  1. unicac
    unicac在说：

    难得飘也写这种日志。。。

    偶尔写写技术，记录着别人不记录的东东分享吧
  2. YY
    YY在说：

    I live in south of China,Shenzhen.

    Front developer Technology Instructor,work for Tencent ISD webteam.

    Is committed to promoting "web standards" at WebReBuild.ORG.

    哈哈哈笑死了

    回复：实在对不住这位来自上海滴朋友，让您受累了。皮发受之父母，这么年轻就笑死了可是不孝。
  3. Avenir
    Avenir在说：

    吖，不知道你们怎么发现的

    回复：微博上某同学指引的，大伙的智慧
  4. Shawphy
    Shawphy在说：

    之前自己用脚本缩放页面自适应窗口大小的时候遇到过这个问题。
    后来放弃zoom，改用-webkit-transform: scale();之后居然就没这问题了。
    这潭子水很深很深……

    是的，十分深。多分享一些研究哈，这对别人是宝贵的借鉴。
  5. weilaixu
    weilaixu在说：

    真是难得，头一次看飘爷写这样的东西

    少写，少写，呵呵
  6. 愚人码头
    愚人码头在说：

    晕死，飘爷也会写技术文章啊！很牛叉！

    呃，记录一些别人不记录不研究的东东，给自己备忘，也分享给和我有同样问题的同学。何乐不为。
  7. 谷歌Chrome浏览器小于12px字号显示的BUG-Fly博客-又一个前端技术博客在说：

    [...]这个是在飘飘博客里看到的[...]

  8. Y.Jiajia
    Y.Jiajia在说：

    Great! 这方法不错，不知道Chrome为什么这么做，难道是Google中国的杰作？

  9. 雪夙KGF-II原液
    雪夙KGF-II原液在说：

    Chrome用起来真不错

  10. Leeiio
    Leeiio在说：

    已经加了，终于解决这鬼问题了。

  11. Leeiio
    Leeiio在说：

    有个题外话，引用minifest文件的页面不是本身会被离线存储么，为什么你这里侧边栏的评论还是显示最新的，不是首页已经被离线存储了么

    理论上引用的页面本身会被离线存储，如果你要研究离线存储，我的站是个怪胎，不但没能成功，反而把整站给cache住了，不管发评论和文章，都不被update，但有些浏览器又正常，不知为何。
  12. Leeiio
    Leeiio在说：

    相当奇怪的问题啊

  13. 蜂胶的作用与功效
    蜂胶的作用与功效在说：

    这个问题终于解决了！
    技术高哦！！

  14. 哦耶~
    哦耶~在说：

    哦耶~,问题解决了!...都说不是我CSS写的有问题来的...
    上来感谢一下.~THX.

  15. 江湖客
    江湖客在说：

    呵呵12px太小了。最佳设置还是根据个人浏览的习惯定制吧。

  16. 谈谈我对渐进增强的理解 | 容颜八月_More than 2/7 Vegetarian在说：

    [...]2.inline-block元素之间存在细微的间距，这可能是由于换行符导致的，可以在ul中设置font-size:1px，遇到Chrome不能识别的问题可以参考这里《中文版chrome不支持小于12px字体定义的解决》[...]

  17. 丸子 » Blog Archive » 解决Chrome下不显示12PX以下小字体在说：

    [...]摘自：http://www.pufen.net/technology/2010/215/[...]

  18. crusher
    crusher在说：

    网站很炫，谢谢你的回复。可以去我的个人博客http://seoskys.appspot.com上看看，希望能交换下友情链接。

  19. ld伤风
    ld伤风在说：

    赞！谢谢

  20. oschina
    oschina在说：

    酷！！已转发到开源中国
    http://www.oschina.net/bbs/thread/15373

  21. ie6-7 的display：inline-block文字隐藏（text-indent:-xxxx） | dumpling在说：

    [...]line-height:99999em;//-webkit-text-size-adjust:0;link导致line-height:0;[...]

  22. 强记
    强记在说：

    加这个属性在这里，其他元素都继承了，这样在webik的浏览器缩放，字体不会变化的

    正解，文中所述仅仅是一技术，要有自己的想法，呵。
  23. 修远兮
    修远兮在说：

    神奇啊~~今天用上了。

  24. allen
    allen在说：

    的确好用，感谢

  25. 解决Chrome中文版字体小于12px无效的方法 | 格桑的blog在说：

    [...]http://www.pufen.net/technology/2010/215/[...]

Leave a Comment