Safari 4.0 용 CSS (Google 크롬이 아님)

CSS에 문제가 있습니다. 스타일은 모든 브라우저 (IE6/7/8, Firefox 3 이상, Opera 9.5 이상, Google Chrome 3/4)에 올바르게 적용되지만 Safari 4.0에서는 그렇지 않습니다. 내가 사용하는 경우 :Safari 4.0 용 CSS (Google 크롬이 아님)

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #blaat { margin: 1px 0px; } 
}

Safari에서 작업을 수행 할 수 있지만 Chrome에서는 작동하지 않습니다. 누구나 사파리 4.0의 특정 CSS 해킹을 알고 있습니까?

출처

2010-03-03 Leandro López

Safari에서 어떻게 실패합니까? – Lazarus

바운딩 박스가 1px 더 크다 –

마침내 DOM을 바꿔서 고칠 수있었습니다. 고마워 어쨌든 :) –

line-height으로 실험 해보십시오. line-height의 기본값은 브라우저에 따라 다르므로 선의 높이를 명시 적으로 설정하지 않으면 다른 brwosers에서 다른 경계 상자 높이를 얻을 수 있습니다. 예를 들어 line-height: 1.2em (또는 1.1em 또는 1.5em 등)을 설정하면 테두리 상자의 높이가 높아집니다.

출처

2010-03-03 13:41:15 Slauma

나는 시도했지만, 슬프게도 사파리와 크롬이 동일한 라인 높이를 가짐으로써 같은 오류가 발생한다. –

Safari 4.0 용 CSS (Google 크롬이 아님)

답변

관련 문제