为什么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