@ 2010.04.20 , 21:00
116

中文版 Chrome 下煎蛋页面很囧,求 CSS Hack 方案

今天无意打开了我从来不用的 Chrome,发现煎蛋页面用 Chrome 看起来很粗鲁。仔细辨别是某些字体被放大了,使劲 ctrl+0 都没用。如下图:
中文版 Chrome 下煎蛋页面很囧,求 CSS Hack 方案

这个惊人发现让我郁闷的心情更加郁闷。上网搜了一下,原来是中文版 Chrome 的 bug,对中文用户将所有网页最小字体强行限制在12px。目前已知的解决方案只有 Hack Chrome 自身,据说解决方案是:

打开路径 "Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\"下的 Preferences 文件,在 "webkit" 的 "webprefs" 里面增加两行:
"minimum_font_size": 8,
"minimum_logical_font_siz": 12,

但是我觉得这事异常诡异。这么牛逼的浏览器,居然有这么搞笑的 bug,这叫广大 Chrome 党情何以堪;对于不知情的 Chrome 党,这叫煎蛋 ER 情何以堪。指望 Chrome 修正升级暂时不可能,我相信一定有 CSS Hack 办法。祈求你给我们力量,感谢你给我们力量,我们尊敬的、亲爱的大地母亲! 谢谢大家!

# update:2010.10.14 / evansdiy 留言提示 -webkit-text-size-adjust:none; 证实可行。这个问题居然就解决了!


给这篇稿打赏,让译者更有动力
支付宝打赏 [x]
您的大名: 打赏金额:

4.1
赞一个 (1)

TOTAL COMMENTS: 116+1

[3] 2 »
  1. 857591

    10px以下的都是坑爹,眼睛都要弄坏的

    OO [0] XX [0]
  2. 龙猫 社区
    @6 years ago
    756330

    龙猫社区的解决方案:针对webkit内核的hack -webkit-text-size-adjust:none;

    http://cytang.com

    OO [0] XX [0]
  3. conanfanses
    @6 years ago
    700877

    CSS中加上这个就全部搞定html{-webkit-text-size-adjust:none;}

    OO [0] XX [0]
  4. 飘飘
    @6 years ago
    651404

    其实,chrome支持12px以下的,详见:
    http://www.pufen.net/technology/2010/215/

    OO [0] XX [0]
  5. evansdiy
    @6 years ago
    615306

    -webkit-text-size-adjust:none; font-size:9px

    OO [2] XX [0]
  6. evansdiy
    @6 years ago
    615305

    9px
    8px
    7px
    6px

    OO [0] XX [0]
  7. 528034

    装饰性的英文小字体无法实现,很杯具

    OO [0] XX [0]
  8. 米子
    @7 years ago
    527832

    我也正在为此感到困扰,想不到这么多人觉得无所谓………
    真想赶快找到解决方法….

    OO [0] XX [0]
  9. 485752

    @JohnM: @JohnM: 经测试,62.5%定义和 !important声明皆无效

    OO [2] XX [0]
  10. 485728

    @JohnM: @白兰度: 嗯,我试试

    @乱舞鸡毛: 握手,很无语

    OO [1] XX [0]
  11. 乱舞鸡毛
    @7 years ago
    485726

    我日!终于知道什么叫无知者无畏了……呃,是无所谓……

    OO [1] XX [0]
  12. 白兰度
    @7 years ago
    485654

    PS注:并且据说IE9才开始支持CSS3,也就是说这种代码只有在chrome、firefox……才能看出来

    OO [1] XX [0]
  13. 白兰度
    @7 years ago
    485652

    chrome是支持CSS3的,你可以在Css里加上一段CSS3的代码,修改部分class样式字体及大小控制
    e.g.
    @font-face {
    font-family: fontcity;
    src: url(“fontcity.ttf”);
    }
    .fontFaceShadow{
    font-family: fontcity;
    font-size: 3.2em;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: 3px 3px 7px #111;
    opacity:0.2;
    }
    像介样- =

    OO [0] XX [0]
  14. 485407

    这个问题居然还纠结了,高人啊

    OO [1] XX [0]
  15. 485154

    @sein
    试试
    BODY:nth-of-type(1) #sidebar h3 {font-family: Arial; font-size: 62.5% !important;}

    OO [0] XX [0]
  16. 484852

    建议在有关字体的css处全部加上
    !important


    #sidebar h3 {font-family: Arial; font-size: 10px;!important}

    OO [0] XX [0]
[3] 2 »

发表评论


24H最赞