Chrome 컴퓨팅 스타일이 잘못되었습니다.

Chrome의 계산 스타일에 문제가있는 것 같습니다. 특정 크롬 설치의 특정 요소에 대해 계산 된 스타일이 CSS와 다릅니다 enter image description here Chrome 컴퓨팅 스타일이 잘못되었습니다.

오류는 페이지 전체의 여러 요소에서 발생하지만 같은 컴퓨터의 사파리 또는 파이어 폭스에는 나타나지 않습니다. 프로젝트의 개발자 중 절반만이이 문제를 겪었으며 며칠마다 이동하는 것으로 보입니다 ...

아이디어가 있으십니까?

편집 : 나는이 망막 기획 예산처와 문제에 또 다른 개발자는 13 "맥북 에어를 가지고 모두 실행 산 사자

편집 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 또는 다른 서비스로 버그의 최소한의 예를 만들 수 있습니까? – antejan

캐치를 가져 주셔서 감사합니다. 나는 신용이 만기가 된 곳에 후에 신용하고 신용을 갔다. 이제 원래 문제로 돌아가려면 ...? – Gabe

@abbood, 해당 정보가 최근에 사이트에서 제거되었습니다. – Sparky

수있는 유일한 사람은 다음 코드와보기와 같은 문제가 재현 -> 확대 (한 번)이

을 26.363636016845703px하는 26px에서 내 글꼴 크기를 변경

617,451,515,

<!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 컴퓨팅 스타일이 잘못되었습니다.

답변

관련 문제