html - Firefox で画像を比例的にサイズ変更する

Question

ワイドスクリーン/ハイスクリーンの画像を比例的にサイズ変更して、正方形のサムネイル div に収まるようにし、歪まないようにしたいと考えています。

スタイルシートでこのように試しました：

.PicsNav img {
max-width: 74;
height: auto;
max-height:74;
width:auto;}

Chrome と Safari の両方で問題なく動作しますが、Firefox では正しく処理されません。写真はサイズ変更されません - 代わりにフルサイズで上下に表示されます。

Answer 1

幅と高さを設定するときは、単位を追加する必要があります。74ピクセルが必要だと思いますか？

.PicsNav img {
    max-width: 74px;
    height: auto;
    max-height:74px;
    width:auto;
}