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