Safari Max-Height约束图像

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（命令+选项+ I）以查看可能应用于图像的其他样式规则，因为几乎每次我都有样式惊喜时，它都来自另一个样式规则覆盖由于层次结构问题而导致的目标：

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