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 ）
• 重複的定義，最後聲明將優先