css - Safari 最大高度约束图像

Question

我正在尝试限制在 Chrome 和 Moz 中有效但在 Safari 中无效的图像。基本上我正在这样做：

.brewery_logo img{
        max-height:64px;
        width:auto;
        margin:0 auto;
        display:block;
    }

在 Safari 中，它保持最大高度，但将图像宽度拉伸到其实际大小。在其他浏览器中，它设置最大高度并按比例设置宽度。有任何想法吗？

Answer 1

您的样式定义本身可以按照您在 Safari (6.0.5) 上的预期工作。如果您还没有，请检查 Web Inspector (command+option+I) 以查看哪些其他样式规则可能应用于图像，因为几乎每次我遇到样式意外时，它都是来自另一个样式规则覆盖由于层次结构问题而预期的：

• id 选择器优先于类选择器，类选择器优先于标签选择器
• 内联样式优先于样式标签，样式标签优先于外部样式表
• 嵌套选择器优先于嵌套较少的选择器（例如 body div img vs. body img）
• 有重复的定义，最后声明的将优先