仅按宽度或高度缩放图像

Question

我有一张图片：

<img src="#" width="42" >

如果我只设置宽度，Firefox和IE也会缩放高度，但Chrome不会保持初始图像高度。可以修复Chrome行为吗？

如果我设置了height，则不予考虑。图像可以按高度缩放吗？

Answer 1

不要让HTML完成工作，而是让CSS去做。

更改：

<img src="#" width="42" >

致：

<img src="#" style="width: 42px; height: auto;">

这将允许CSS调整图像大小。

Answer 2

将height设置为auto应该有效。例如：

<img src="#" width="42" height="auto">

  

如果身高：自动;元素将自动调整其高度，以允许其内容正确显示。

这适用于所有现代浏览器，适用于%和px，em尺寸等。

请参阅W3schools

或使用内联样式：

<img src="#" style="width:42; height:auto;">

编辑：我不确定你的意思是给高度一个值并自动调整宽度。在这种情况下width: auto应该没问题。

Answer 3

.img
{
   width:auto;

   height:auto;
}

您可以在css中定义宽度和高度