css - 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 インスペクター (コマンド + オプション + I) をチェックして、画像に適用される可能性のある他のスタイル ルールを確認してください。階層の問題による意図したもの:

• id セレクターはクラス セレクターよりも優先され、クラス セレクターはタグ セレクターよりも優先されます。
• インライン スタイルはスタイル タグよりも優先され、スタイル タグは外部スタイル シートよりも優先されます。
• ネストされたセレクターは、ネストされていないセレクターよりも優先されます (例: body div img と body img)
• 定義が重複していると、最後に宣言されたものが優先されます