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;
}