2012-07-06 6 views
0

크롬과 Firefox 모두에서 www.qualificationcheck.com을 확인하십시오. Alt-tab은 작은 초록색 'help & feedback'사이드 탭에 초점을 맞추어 앞뒤로 빠르게 움직입니다.Chrome과 Firefox에서 높이가 다르게 계산됩니까?

움직이는 것처럼 보입니다! 이거 야?

제 3 자 자바 스크립트 파일에 포함되어 있습니다. 나는 그것의 위치를 ​​계산하는 방법을 알아 내기 위해 그것을 들여다 보았다.

처음에는 뷰포트 아래로가는 도중 약 50 %를 얻기 위해 top: 50%을 설정합니다. 이 (보다는 위쪽으로 약간의 '중간'실제로 뷰포트 내리막 길의 50 % 있도록 다시 이동 있도록

는 그런 다음

margin-top: [ "-",Math.round(tab.dimensions.height/2), "px" ].join("")

즉 마이너스 탭의 절반 높이를 설정합니다 상단').

Firefox에서 Chrome 개발자 도구를 사용하고 방화 광구를 사용하면 크롬 마진 상위에서는 -33px까지, 파이어 폭스에서는 -87px로 끝나는 것을 볼 수 있습니다.

왜 다른가요?

내 자신의 탭을 위 또는 아래에 추가하고 싶기 때문에 짜증나지만 동일한 위치에 있기 위해 제 3 자에게 의존 할 수 없다면 내 탭을 어디에 둘 것인지 결정할 수 없습니다. 시각!

답변

1

죄송합니다 사람을, 다른 답변의 어느 쪽도 도움이되었다.

기본적으로 타사 js를 복사 한 다음 조정하여이 탭과 새 탭을 함께 배치 할 수 있습니다.

기본적으로 문제 해결에 대한 답변이 아닙니다.

0

파이어 폭스 다르게 마진과 패딩을 해석한다. 여백 및 채우기 값은 이 div 높이/너비에 추가됩니다. 당신은 (상단에 넣어) 당신의 CSS는이를 추가하여 (적어도 FF에 대한)이 문제를 해결할 수 있습니다

DIV { 
    -moz-box-sizing:border-box; 
    box-sizing:border-box; 
} 
관련 문제