css - Safari 最大高度限制图像

Question

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

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

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

Answer 1

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

• id 选择器优先于类选择器，类选择器采用优先于标签选择器
• 内联样式优先于样式标签，后者采用优先于外部样式表
• 嵌套选​​择器优先于嵌套较少的选择器(例如body div img 与 body img)
• 定义重复，最后声明的优先