Safari가 CSS 위치를 무시하는 이유는 무엇입니까?

Question

문제는이 페이지에 : 당신이 섬네일의를 클릭하면 오버레이의 왼쪽 아래에있는 이미지 제목은 위의 경계에 너무 가까이 것을 볼 수 있습니다 http://www.matternow.com/portfolio/

. Chrome (및 다른 모든 브라우저의 경우)에서는 문제가 없습니다. 아래쪽으로 설정 한 요소에 대해 내 CSS를 무시하는 것처럼 보입니다. 0;

이것은 브라우저 해킹입니다. 모양 :

#portfolio-overlay #cboxTitle{ 
     font: bold 21px 'Crimson Text', serif !important; 
     position:absolute; 
     bottom: 8px; 
     top: auto; 
     left: 10px; 
     color:#000; 
    } 

@media screen and(-webkit-min-device-pixel-ratio:0) { 
    #portfolio-overlay #cboxTitle { 
     bottom: 0; 
    } 
} 

누구나 이런 일이 벌어진 이유를 알고 계십니까? Chrome에서 좋게 보이므로 사파리에서 좋게 보입니다. 맞습니까?

Answer 1

해킹이 필요한 이유를 따르지 않습니다. 원래 값을 0으로 설정하면 안되는 이유는 무엇입니까?

미디어 쿼리에 '및'뒤에 공백이 누락되었습니다. http://www.w3.org/TR/css3-mediaqueries/#syntax 예제 # 20