爲什麼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中看起來不錯，它應該在Safari中看起來不錯，對吧？

Answer 1

我不明白你爲什麼需要黑客。爲什麼不能將原始值設置爲0？

無論如何，您在媒體查詢中缺少'和'後的空格。請參閱http://www.w3.org/TR/css3-mediaqueries/#syntax示例＃20