by kevin
  
    16.   
      十二月 2013 14:15
  >
  
  
  
最近在改版65emall的时候,碰到一个很棘手的问题,Chrome浏览器有个最小字号设置,就是当字号小于最小字号时,就会自动调整为自动调整为最小的字号。如下图:     在中文版的Chrome中,默认的最小字号是12;   在英文版的Chrome中,默认的最小字号是10。             1: -webkit-text-size-adjust:none;
网上很多都建议使用上面这样的语法来实现,但在高版本的Chrome中,这个语法已经无效了。
所以使用 -webkit-transform:
代码如下:
  
       1: .font-size8 { font-size: 8px;}
       2: .font-size9 {font-size: 9px;}
       3: .font-size10 {font-... 
[更多...] 
  
  by kevin
  
    8.   
      十一月 2013 13:40
  >
  
  
  
做为一个非专业的Css编写人员,一不小心,就可以踩到坑。  觉得小于12号的字不利于阅读,所以google chrome小于12号的字,都会被修正为12号。  google了下,据说,随着浏览器版本的升级,处理的方案还不一样。  整体的代码如下:             1: * {
       2:     -webkit-text-size-adjust: none;
       3:     -webkit-transform-origin-x: 0;
       4:     -webkit-transform: scale(0.8333333333333334); /* 10/12=0.8333333333333334) */
       5: }
  
  
 
  
  by kevin
  
    3.   
      六月 2013 13:54
  >
  
  
  
这几天,在写CSS的时候,碰到两个问题。  1. 对chrome下只用做background的td标签height设置为5px,但实际显示的效果是6px。     解决的方法是:在td内添加一个div,设置div的height为5px;  原始代码:             1: <td class="top" colspan="6"></td>
       2: <style>
       3: .top {width: 1183px; padding: 0px; height:5px; background-image: url(/Content/Image/UI/Order/myorder_top.png); background-repeat: no-repeat; }
 ... 
[更多...]