Chrome計算樣式錯誤

我似乎遇到了Chrome計算樣式的問題。在某些Chrome瀏覽器安裝的某些元素上，計算樣式與css不同 enter image description here Chrome計算樣式錯誤

該錯誤發生在整個頁面的多個元素上，但不會出現在同一臺計算機上的safari或firefox中。只有一半的項目開發人員遇到了這個問題，似乎每隔幾天就會出現...

任何想法？

編輯：我有一個視網膜MPB，並與發行其他開發商有一個13" 的MacBook Air都運行的山獅

編輯2：這是CSS產生的計算樣式的截圖塊（儘管不是唯一一個有錯誤

#nav-items div.item { 
margin-left: -4px; 
height: 64px; 
display: inline-block; 
text-align: center; 
font-family: "HelveticaNeueW01-77BdCn 692722"; 
font-size: 26px; 
text-shadow: 0px 1px 0px rgba(255,255,255,0.90); 
line-height: 64px; 
background-color: eee; 
border-top: 1px double #ccc; 
}

來源

2013-01-14 Gabe

這是很難幫助沒有細節和代碼。你可以用jsfiddle或其他服務做一個最小的bug例子嗎？ – antejan

謝謝你的收穫。我已經回去並在信貸到期時給予信貸。現在回到原來的問題......？ – Gabe

@abbood，該信息最近從網站中刪除。 – Sparky

轉載我用下面的代碼，並查看了同樣的問題 - >放大（一次）

這改變了我的字體大小從26px到26.363636016845703px

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
    #nav-items div.item { 
    margin-left: -4px; 
    height: 64px; 
    display: inline-block; 
    text-align: center; 
    font-family: "HelveticaNeueW01-77BdCn 692722"; 
    font-size: 26px; 

    text-shadow: 0px 1px 0px rgba(255,255,255,0.90); 
    line-height: 64px; 
    background-color: eee; 
    border-top: 1px double #ccc; 
} 
</style> 

</head> 
<body> 

<div id="nav-items"> 
    <div class="item">Hello World</div> 
</div> 
</body> 
</html>

此修復程序是改變變焦恢復正常：查看 - >實際大小

來源

2013-03-02 11:59:51 Jason

這可能是一個評論，而不是答案 –

Chrome計算樣式錯誤

回答

相關問題