如何确保图像不会水平或垂直拉伸[重复]

【问题标题】：How do I make sure that the images aren't stretching either horizontally or vertically [duplicate]如何确保图像不会水平或垂直拉伸[重复]
【发布时间】：2021-06-16 08:55:40
【问题描述】：

它们只能在两个维度之一上调整大小，以较大者为准。

如果你看下面的小狗图片，它看起来像是被拉伸的

代码

export const ImageTemplateImage = styled.img`
  width: 230px;
  height: 162.53px; 
`;

【问题讨论】：

我想这会回答你的问题：stackoverflow.com/questions/12991351/…

标签： css reactjs

【解决方案1】：

例如，如果您不提供高度，它将保持比例并仅更改宽度。因此可能无法设置高度。至少在css中，我对reactjs不熟悉，但我猜这是对css的注入。

【讨论】：

是的，它有点像注入到 css 中，我正在考虑删除高度，因为这是使其拉伸的主要问题