渲染字體比其他borwsers

更大

在IE7寬度渲染字體比其他borwsers更大（頂部圖像部分是IE9，底部是火狐）：渲染字體比其他borwsers

Snapshot

的HTML：

  <div id="header_tools"> 
       <a href="#">Support</a> | <a href="#">FAQs</a> | <a href="#">Sitemap</a> | <a href="#">Help</a> 
      </div>

和CSS

div#header_tools { 
     font-size: 14px; 
     font-weight: normal; 
     color: #918e8e; 
     float: left; 
    } 

    div#header_tools { 
     position: relative; 
     top: 7px; 
     left: 680px; 
    } 

    div#header_tools a { 
     font-size: 14px; 
     color: #918e8e; 
    }

任何人知道爲什麼我要去哪裏以及如何解決它？

來源

2011-12-16 Denys

你有沒有試過在div＃header_tools a上設置你的填充0 – 2011-12-16 12:10:52

是的。這不會使sence，因爲div＃header_tools inherirs填充：0px – Denys 2011-12-16 12:25:59

它似乎涉及字間距（這也是CSS屬性）。最簡單的可能是使用 而不是空格。

（看來在字體反鋸齒/暗示方面也有所不同）。對不起，我認爲字體渲染會造成細微的差別。

來源

2011-12-16 12:14:43

我建議設置您的鏈接填充爲0，並將您的空間更改爲 或者不使用空格而是使用填充。

div#header_tools a { 
     font-size: 14px; 
     color: #918e8e; 
     padding:0; 
    }

來源

2011-12-16 12:16:39

渲染字體比其他borwsers

回答

相關問題