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（命令+选项+ I）以查看可能应用于图像的其他样式规则，因为几乎每次出现样式惊喜时，都是从另一种样式规则覆盖预期一个因层次的问题：

• ID选择优先级选择，内搭 优先级高于标签选择
• 内嵌样式优先于风格标签，内搭 优先外部样式表
• 嵌套选择器优先于较少嵌套选择器（例如 body div img vs. body img ）
• 重复的定义，最后声明将优先